JQuery的ajax总是跳进error的几个原因

📅 2025-07-31 23:05:21 ✍️ admin 👁️ 2177 ❤️ 694
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.readyState: 状态码的意思

0 - (未初始化)还没有调用send()方法

1 - (载入)已调用send()方法,正在发送请求

2 - (载入完成)send()方法执行完成,已经接收到全部响应内容

3 - (交互)正在解析响应内容

4 - (完成)响应内容解析完成,可以在客户端调用了

XMLHttpRequest:XMLHttpRequest.status:

textStatus:错误原因

errorThrown::可捕获的错误对象