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请求发完后再执行后面的页面跳转。

你可能感兴趣的:(js,ajax,状态码)