ajax请求错误返回status 0和错误error的问题

发现一个jQuery ajax请求错误返回status 0和错误error的问题，responseText是":"，状态码是0而不是200：

$.ajax({url : 'addArticle.action',method : 'POST',async : false,data : data,contentType : false,processData : false,cache : false,success : function(data) {if (JSON.parse(data).result == 1) {alert('文件已上传')}},error : function(jqXHR) {console.log(JSON.stringify(jqXHR));}}).done(function(data) {console.log('done');}).fail(function(data) {console.log('fail');}).always(function(data) {console.log('always');});

分析问题，发现以上代码没有问题，请求根本没有发送到后台，状态码是0表示没有发出ajax请求。

控制台输出:

{"readyState":0,"responseText":"","status":0,"statusText":"error"}

fail

always

各个状态含义：

• 0 - (未初始化)还没有调用send()方法
• 1 - (载入)已调用send()方法，正在发送请求
• 2 - (载入完成)send()方法执行完成，
• 3 - (交互)正在解析响应内容
• 4 - (完成)响应内容解析完成，可以在客户端调用了

jQuery ajax请求错误返回status 0和错误error的问题，分析可能的原因：

• url不存在（排除）
• url不可达（排除）
• 发送了跨域请求（排除）
• 数据格式错（排除）
• ajax在完成之前请求已经被取消（ajax请求没有发出），由于，例如：页面已经跳转或跳转太快、浏览器输入新的url、按钮立即新的点击等（确定）

解决方案是将异步取消，ajax请求发完后再执行后面的页面跳转。