動的に生成されたフォームの送信時に、どのサブミットボタンがクリックされたかを見つける

Question

私は、テンプレートエンジンによって実行時に動的に生成される複数のフォームを持っています。イベントを委任する。

$("#friendRequestsList").on("submit", "[id^=friendReqResponse-form]", function(){ 
    var form = this; 
    $(form).ajaxSubmit({ 
     url:'URL', 
     type:'post', 
     dataType: 'json', 
     success: function(data) { 
      DO SOMETHING 
     } 

    }); 
    return false; 
}); 

フォームには2つの送信ボタンがあり、どのボタンがクリックされたかを検出し、この情報をajaxリクエストに渡す必要があります。しかし、私は彼らが動的に生成されているので、フォームのサブミット入力のどれがクリックされたかを知るのに苦労しています。アイデア？

Answer 1

、私はそうのような送信ボタンを取得するために管理している：

$("#friendRequestsList").on("click", "[id^=submit1], [id^=submit2]", function(e) { 
    var input = this; 
    var form = $(input).parent(); 

    $(form).ajaxSubmit({ 
     url:'URL', 
     type:'post', 
     dataType: 'json', 
     success: function(data) { 
      DO SOMETHING 
     } 

    }); 
    e.preventDefault() 
}); 

もちろん、私のフォームにキー入力からフォームを送信しても入力フィールドがなかった場合は、これはうまくいきません。また、入力識別情報をajaxリクエストに追加する必要があります。

私はajaxSubmitに

data: {submit:input.value}, 

を追加することによって、これをしなかったが、あなたは（ `input`はなく、少なくとも` button`品種の）送信ボタンに値を割り当てると、私は信じてい

Answer 2

は、私はそれはあなたを助けることを願っています：クリックイベントを使用する代わりに提出するのコナーズの提案、次のが

$("#friendRequestsList").on("submit", "[id^=friendReqResponse-form]", function(){ 
    var submit1 = $(this).attr('value'); 

    var formData = new FormData(); 
    formData.append('submit1', submit1); 

    $.ajax({ 
     url:'URL', 
     type:'post', 
     data:formData, 
     dataType: 'json', 
     success: function(data) { 
      DO SOMETHING 
     } 

    }); 
    return false; 
});