Question

怎么在ajax中显示code状态

Answer 1

今天遇到个奇怪的问题，使用jQuery的ajax请求，后台的Controller层也接收到请求了，一切处理很正常，但是很奇怪，浏览器Debug发现，responseText是”error”，状态码是0而不是200.

请求源码如下：

$.ajax({
type: "POST",
url: targetUrl,
cache: false,
data:post_data,
dataType:"json",
async: true, // 默认为异步请求
error: function(error) {
console.log(error);
},
success: function(data) {
//...
}
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
1
2
3
4
5
6
7
8
9
10
11
12
13
14
状态含义

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

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

url不存在（排除） – Controller层定义正确
url不可达（排除） – 后台确实接收到请求了，而且处理正确
发送了跨域请求（排除） – 使用CORS Filter， 测试发现也不是
数据格式错（排除） – 浏览器和后台调试发现，数据格式正确
ajax在完成之前请求已经被取消（ajax请求没有发出） – 确实是canceled，但是请求确实发出了
请求超时 – 确认问题
解决办法

使用异步请求
将timeout时长设置稍长一点
$.ajax({
type: "POST",
url: targetUrl,
cache: false,
data : post_data, // 传参
dataType : "json",
async: false, // 使用同步操作
timeout : 50000, //超时时间：50秒
error: function(error) {
console.log(error);
},
success: function(data) {
//...
}
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
从错误中成长，从实践中认知！