JQuery的ajax总是跳进error的几个原因
先放一个标准的 ajax 请求：
$.ajax({
type:"GET",
url:"getUser",
// data:{"id":val}, // data参数是可选的，有多种写法，也还可以直接在url参数拼接参数上去，例如这样：url:"getUser?id="+val,
data:"id="+val,
async:true, // 异步，默认开启，也就是$.ajax后面的代码是不是跟$.ajx里面的代码一起执行
cache:true, // 表示浏览器是否缓存被请求页面,默认是 true
dataType:"json", // 返回浏览器的数据类型，指定是json格式，前端这里才可以解析json数据
success:function(data){
console.log(data);
},
error:function(){
console.log(data);
},
complete:function(){
console.log("最终操作在这里完成");
}
});
// alert("测试异步")
}
发起ajax请求途中，出现任何错误都会跳到error函数里（1.包括在后台请求函数中报错。2.后台返回成功，但是ajax的参数没对上）
举例说明一些错误原因：
1. dataType错误
类型错误：后台返回的dataType类型和前台写的不一致会跳入error
格式错误：jquery1.4之后对json的格式要求非常严格，json格式错误也会跳入error 注意格式
2. async请求同步异步问题
async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false
例如，你用post请求传值到另一个页面后台，但是页面一加载你的ajax就已经执行过了，传值接收是在后台才完成的，这时候就请求不到数据，所以可以考虑把ajax请求改为同步试试
3. data不能不写
data为空也一定要传"{}"；不然返回的是xml格式的。并提示parsererror. data:"{}"
parsererror的异常和Header 类型也有关系。及编码header('Content-type: text/html; charset=utf8');
4. 传递的参数
必须是ajax支持的编码格式
5. URL路径问题
路径不能有中文
测试看你是因为什么错误而进入的error方法：
在error函数调试错误信息：
可以alert出来，查看具体是哪里出错了
具体参数：
XMLHttpRequest：XMLHttpRequest.status: textStatus：错误原因 errorThrown:：可捕获的错误对象
------------------------------------分割线----------------------------------------
我的错误是ajax传json时，回调函数一直是error，原因是我后面接了一个请求转发，因为ajax是局部刷新技术在
response.getwriter.print()
之后，不能接请求转发，否则回调函数是error
贴一段ajax传json的正确代码，json拼字符串太烦了
- 后端部分代码
private void depjson(HttpServletRequest request, HttpServletResponse response) throws IOException {
DepService depService = new DepService();
List<Department> depList = depService.getAllDep();
String s=JSON.toJSONString(depList);
response.getWriter().print(s);
//不能接下面的代码
//request.getRequestDispatcher("view/dep.jsp").forward(request,response);
}
- 前端jsp
$.ajax({
type:'get',
url:'${pageContext.request.contextPath}/ajax?flag=depjson&fresh='+Math.random(),
dataType:"json",
success:function (data) {
alert("成功");
$.each(data, function(key,val){
var depName=val.depName;
var id=val.id;
var sort=val.sort;
$("#table").append("<tr><td ><input type='text' class='form-control' readonly value= "+id+" ></td><td><input type='text' class='form-control' value= "+depName+" id='name"+id+"'></td><td><input type='text' class='form-control' value= "+sort+" id='sort"+id+"' ></td><td class='td-actions text-right' ><button type='submit' rel='tooltip' title='修改' class='btn btn-info btn-simple btn-xs' onclick='modDep("+id+")'><i class='fa fa-edit'></i></button> " +
"<button type='button' rel='tooltip' title='删除' class='btn btn-danger btn-simple btn-xs' onclick='delDep("+id+")'><i class='fa fa-times'></i></button> " + "</td></tr>");
})
},
error:function (XMLHttpRequest, textStatus, errorThrown) {
alert("失败");
// 状态码
console.log(XMLHttpRequest.status);
// 状态
console.log(XMLHttpRequest.readyState);
// 错误信息
console.log(textStatus);
}
})
注：本文分割线以上转自CSDN用户单手入天象，
