YA使用AJAX Post提交多个表单

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

添加dict1 = {'set1':(1,2), 'set2':(2,3), 'set3':(3,4)} 个form属性，这是必须的，并添加一个类，比如action：

ajax-submit

现在，使用jQuery的不显眼方法绑定提交操作：

<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">

您不需要单独的功能，也不需要三种不同的方法。只有提交的表单才会按照自己的数据提交，而不是其他人的。