使用一个选择器的多表单提交使用jquery ajax

时间:2015-03-11 20:11:00

标签: javascript php jquery ajax

我遇到了jquery ajax multi form的问题。 每个执行总是在顶部的表单的一部分,以形成另一个不起作用。 可以帮我。 此源代码

<form id="form_action" action="http://www.dom.dom/act/">
<input type="text" name="nama" value="" />
<button type="submit" >Save</buton>
</form>
<form id="form_action" action="http://www.dom.dom/act/">
<input type="text" name="nama" value="" />
<button type="submit" >Save</buton>
</form>
<form id="form_action" action="http://www.dom.dom/act/">
<input type="text" name="nama" value="" />
<button type="submit" >Save</buton>
</form>
<form id="form_action" action="http://www.dom.dom/act/">
<input type="text" name="nama" value="" />
<button type="submit" >Save</buton>
</form>
jquery ajax nya :
$("‪#‎form_action‬").on('submit', function(e){
e.preventDefault();
var link = $(this).attr("action");
var data = $(this).serialize();
$.ajajx({
url:link,
data:data,
type:"POST",
typeData:'html',
cache:false,
success: function(data){
//// bla bla //
}
});
return false;
});

如何将此jquery用于多种形式..?

1 个答案:

答案 0 :(得分:0)

当你使用id选择器($('#some-id'))时,你只得到与你的选择器匹配的第一个元素,而不是你和其他选择器一样的数组。
而且,似乎它们都是相同的形式..你想要实现什么?也许您可以使用相同的表单,只需更改表单中的action属性或一些输入 另一件事,正如@dave在评论中提到的,jQuery中没有$.ajajx函数: - )