能请求到后台的数据,但 ajax 总是执行的 error,状态码是0。
代码是这样的:
<form class="form">
<!-- 中间代码省略 -->
<button type="submit" class="btn">提交</button>
</form>
$('.btn').click(function() {
$.ajax({
……
});
})
我给 button 标签添加了 type = “submit” 属性,这样会产生一次表单点击提交,form 表单默认点击 button 会产生一次提交,导致 ajax 未执行完毕,表单事件发生了改变。
方法一: 在 button 的点击事件中阻止表单默认提交
$('.btn').click(function(){
$.ajax({
……
});
return false; // 阻止表单默认提交
})
方法二: 在 form 标签中阻止表单默认提交
<form class="form" onsubmit="return false;">
<!-- 中间代码省略 -->
<button class="btn">提交</button>
</form>
当Ajax请求状态码为0时,可能是由于表单的默认提交事件导致的。文章介绍了两种解决方案:1) 在button点击事件中阻止表单默认提交;2) 在form标签中阻止表单默认提交,以确保Ajax请求能够正常完成。
444

被折叠的 条评论
为什么被折叠?



