jquery - 将 $.post 更改为 $.ajax 不起作用？

Question

我有一个表单，点击提交后会更新更多内容。这部分的所有元素都已经在 DOM 中。我遇到了 $.post 的问题，因为它是异步的，并尝试切换到 $.ajax 但现在当我单击表单的这一部分上的提交时没有任何反应。

不工作：

$.ajax({
            type: 'POST',
            url: 'functions/flow.php',
            data: {
                step: 3, 
                id: question_id
            },
            async: false
        }).done(function(data) {
            $('#fourth_step .form').append(data); 
        }); 

这有效：

$.post("functions/flow.php", {
            step: 3,
            id: question_id
        }, function(data) {
            $('#fourth_step .form').append(data);
        }
        );

我尝试使用 .fail 查看是否出现错误，但似乎什么也没发生，它只是停止了。

谢谢您的帮助。

Answer 1

$.ajax({
            type: 'POST',
            url: 'functions/flow.php',
            data: {
                step: 3, 
                id: question_id
            },
            async: false,
            success:function(data){
              $('#fourth_step .form').append(data); 

             }
});

Answer 2

$.ajax({
  type: 'POST',
  url: 'functions/flow.php',
  data: '{"step":3,"id":'+question_id+'}',
  async: false
  success: function(data) {
    $('#fourth_step .form').append(data); 
  }
});

Answer 3

$.ajax({
  type: 'POST',
  url: 'functions/flow.php',
  data: "step="+3+"&id="+question_id,
  async: false
  success: function(data) {
    $('#fourth_step .form').append(data); 
  }
});