上周发现一个jQuery ajax请求错误返回status 0和错误error的问题，responseText是"error"，状态码是0而不是200：
$.ajax({
type: "POST",
beforeSend: function(xhr){xhr.setRequestHeader('__RequestVerificationAntiCSRFToken', $("#hidden-CSRFToken").val());},
url: $(this).data('targetUrl'),
cache: false,
data:post_data,
dataType:"json",
async: true,
error: function(jqXHR, error, errorThrown) {
alert(jqXHR.status);
},
success: function(data) {
//...
}
});
分析问题，发现以上代码没有问题，请求根本没有发送到后台，状态码是0表示没有发出ajax请求。各个状态含义：
- 0 - (未初始化)还没有调用send()方法
- 1 - (载入)已调用send()方法，正在发送请求
- 2 - (载入完成)send()方法执行完成，
- 3 - (交互)正在解析响应内容
- 4 - (完成)响应内容解析完成，可以在客户端调用了
jQuery ajax请求错误返回status 0和错误error的问题，分析可能的原因：
- url不存在（排除）
- url不可达（排除）
- 发送了跨域请求（排除）
- 数据格式错（排除）
- ajax在完成之前请求已经被取消（ajax请求没有发出），由于，例如：页面已经跳转或跳转太快、浏览器输入新的url、按钮立即新的点击等（确定）
修改方法是在原来的按钮button的type="submit"改成"button"，页面不立即跳转，问题排除。