javascript - 返品後にフォームを送信 false

Question

$('#form').submit(function(e){

      e.preventDefault();

      $.ajax({
       //ajax stuff
            success: functtion(data){
                 //do stuff with data, then submit form

                 $('#form').submit(); // <-- this wont submit the form
            }
       });
});

ajax 呼び出しが完了した後、このフォームを送信するにはどうすればよいですか?

Answer 1

ここにタイプミスがあります：functtion

次に、要素で利用可能なネイティブsubmit()メソッドを使用して、フォーム自体への参照を作成して、この方法で試してくださいform

$('#form').submit(function(e){

    e.preventDefault();
    var form = this;

    $.ajax({
    //ajax stuff
        success: function(data){
             ...
             form.submit();
        }
    });
});  

Answer 2

ネイティブsubmitメソッドを使用します。

document.getElementById("form").submit();
// with jQuery:
$("#form")[0].submit();

Answer 3

そのまま送信するには、次のようなコードがあります。

if ($('#form').length == 1)
    $('#form')[0].submit();

( .submit()jQueryオブジェクトの.submit()メソッドはDOM要素自体のメソッドではありません)

Answer 4

ID付きのボタンがあり、ボタンをbtnSubmitクリックすると次のコードが実行されます...

$('#btnSubmit').click(function(e){
      $.ajax({
       //ajax stuff
            success: functtion(data){
                 //do stuff with data, then submit form

                 $('#form').submit(); // <-- this will submit the form
            }
       });
});