ajax请求状态码为0

原创于 2018-03-06 10:06:50 发布 · 5k 阅读

CC 4.0 BY-SA版权

文章标签：

当Ajax请求状态码为0时，可能是由于表单的默认提交事件导致的。文章介绍了两种解决方案：1) 在button点击事件中阻止表单默认提交；2) 在form标签中阻止表单默认提交，以确保Ajax请求能够正常完成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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