造成ajax error的原因有哪些

这篇文章将为大家详细讲解有关造成ajax error的原因有哪些，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

ajax error的原因：1、dataType类型错误；2、JSON格式错误；3、async请求同步异步设置有问题；4、data参数值没有设置；5、传递参数的编码格式有问题；6、URL路径中有中文等。

本教程操作环境：windows7系统、Jquery1.10.2版本、Dell G3电脑。

一个标准的jquery的ajax代码:

$.ajax({
       　　type: 'POST',
       　　url: 'getSecondClassification',
       　　data: {"sort2": sort2,"sort3":sort3)},
       　　dataType: 'json',
　　//contentType:"utf-8",发送请求的编码方式
　　//contentType都是默认的值：application/x-www-fORM-urlencoded
 
　　contentType: 'application/json',
  data: JSON.stringify({a: [{b:1, a:1}]})
 
　　success: function (sort) {
　　　　$("#noneSelect").remove();
　　　　var optionstring = "";
　　　　for (var i in sort) {
               　　　　　　optionstring += "<option value=\"" + sort[i].classId + "\" >" + sort[i].className + "</option>";
           　　　　}
           　　　　$("#secondtype").html(optionstring);
　　　　$("#build").removeAttr("disabled");
　　},
　error: function (XMLHttpRequest, textStatus, errorThrown) {
　　　　//              $("#p_test").innerHTML = "there is something wrong!";
　　　　//                alert(XMLHttpRequest.status);
　　　　//                alert(XMLHttpRequest.readyState);
　　　　//                alert(textStatus);
       　　}
   });

出现任何错误都会跳到error函数里

举例说明一些错误原因：

1. dataType错误

类型错误：后台返回的dataType类型和前台写的不一致会跳入error

格式错误：jquery1.4之后对json的格式要求非常严格，json格式错误也会跳入error.{"test":1} 注意格式

有时，在不需要返回值的情况下，扔按模板格式，设置了dataType:"json",参数；这时候，ajax传值正确时，出现200返回成功状态下报错的特殊情况。

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调试错误信息：

可以alert出来，查看具体是哪里出错了

具体参数：

XMLHttpRequest：XMLHttpRequest.readyState: 状态码的意思
0 － （未初始化）还没有调用send()方法
1 － （载入）已调用send()方法，正在发送请求
2 － （载入完成）send()方法执行完成，已经接收到全部响应内容
3 － （交互）正在解析响应内容
4 － （完成）响应内容解析完成，可以在客户端调用了

XMLHttpRequest：XMLHttpRequest.status:

textStatus：错误原因

errorThrown:（可选）捕获的错误对象

关于“造成ajax error的原因有哪些”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。