能请求到后台的数据,但 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>