Javascript 使用jquery-ajax通过一个选择器提交多表单
我对jQueryAjax多表单有一个问题。 每次执行都是表单顶部的一部分,形成另一个表单不起作用。 你能帮我吗。 这是源代码Javascript 使用jquery-ajax通过一个选择器提交多表单,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我对jQueryAjax多表单有一个问题。 每次执行都是表单顶部的一部分,形成另一个表单不起作用。 你能帮我吗。 这是源代码 <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 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 ajax nya:
$("#表格行动").关于(‘提交’,功能(e){
e、 预防默认值();
var link=$(this.attr(“操作”);
var data=$(this.serialize();
$.ajajx({
网址:link,
数据:数据,
类型:“POST”,
typeData:'html',
cache:false,
成功:功能(数据){
////布拉布拉//
}
});
返回false;
});
如何将此jquery用于多表单..?当您使用id选择器(
$(“#某个id”)
时,您只会得到与选择器匹配的第一个元素,而不会得到与其他选择器匹配的数组。而且,它们似乎都是相同的形式。你想实现什么?也许你可以使用相同的形式,只需更改
action
属性或表单中的一些输入。另一件事,正如@dave在评论中提到的,jQuery中没有
$.ajajx
函数:-)好的,在我发疯之前的第一件事是,如果您想要多个同名元素,请使用类,这甚至可能会解决您的问题。请确保将jquery更改为。form_action另外,您可以制作一个JSFIDLE向我们展示实际问题吗?另外,$。ajajx
可能会导致一些问题