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); 
  }
});