YA使用AJAX提交多個表格

Question

我搜索了很高的&低，發現大量近點，但仍然在尋找答案。

考慮基本情況：

<form id="id1" onsubmit="return submit_add2cart();" > 


<script> 
function submit_add2cart() { 
$.ajax 
({ 
type:'POST', 
url: 'ajax.pl', 
data:$('id1').serialize(), 
success: function(response) { 
alert(response); 
}} 
); 
return false; 
} 
</script> 

現在，讓我們說我有想打電話給同submit_add2cart（）函數相同頁面上的多個表格; submit_add2cart（）應該只處理調用表單。

<form id="id1" onsubmit="return submit_add2cart();" > 
<form id="id2" onsubmit="return submit_add2cart();" > 
<form id="id3" onsubmit="return submit_add2cart();" > 

submit_add2cart（）的代碼是什麼樣的？

謝謝 邁克爾

Answer 1

添加form s的action屬性，它是強制性的，加個班，說ajax-submit：

<form id="id1" action="ajax.pl" class="ajax-submit"> 
<form id="id2" action="ajax.pl" class="ajax-submit"> 
<form id="id3" action="ajax.pl" class="ajax-submit"> 

現在，使用jQuery的不顯眼的方法綁定提交行動：

$(function() { 
    $(".ajax-submit").submit(function() { 
    $.post($(this).attr("action"), $(this).serialize(), function (response) { 
     alert(response); 
    }); 
    return false; 
    }); 
}); 

你不需要一個單獨的函數，或三個differen t方法。只有提交的表單將會根據自己的數據提交，而不是其他數據。