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

我不是女神ヾ 2023-10-08 10:47 46阅读 0赞

先放一个标准的 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:：可捕获的错误对象