我有一个表单,当我单击“提交”时,它就被提交了。然后该表单隐藏,操作页面的结果显示在 div 中,classname=dig
.
它工作正常,但是当我添加另一个表单时,它停止正常工作并且所有表单同时提交。
我如何更改我的代码?:
$(".done").click(function(e) {
var url = 'http://seller.ir/test'
$.ajax({
type: "POST",
url: url,
data: $(".formi").serialize(),
success: function(data) {
$('.dig').empty()
$('.dig').html(data)
}
});
e.preventDefault();
});
.dig {
width: 200px;
height: 30px;
border: 1px solid #000
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="dig">
<form class="formi">
<button class="done">done</button>
</form>
</div>
<div class="dig">
<form class="formi">
<button class="done">done</button>
</form>
</div>
<div class="dig">
<form class="formi">
<button class="done">done</button>
</form>
</div>
你应该清空并填充相应的dig
元素仅作为
$(".done").click(function(e) {
var url = 'http://seller.ir/test';
var digElement=$(this).parents('.dig');
$.ajax({
type: "POST",
url: url,
data: $(this).parent('.formi').serialize(),
success: function(data) {
digElement.html(data)
}
});
e.preventDefault();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)