ajax交互过程中跳出error的原因

<pre name="code" class="html">$.ajax({
url:'list.php',
dataType: "json",
<span style="color:#ff0000;">data:"{}",</span>
type: "get",
success:function(json){
var list = json["data"];
$(list).each(function(index) {
var pattern = /^((https|http)?:\/\/)[^\s]+[.](jpg|png|gif)$/;//容错处理，防止图片地址错误
var clone_module = null;
var val = list[index]["host_user"];//
var picture=val["big_profile"];//谁也不想看到URL编码的字符串吧。。。decodeURIComponent()
var name=val["name"];
var sex=val["sex"];
var description=val["description"];
if(pattern.test(picture)){
$('#live-item .Img').attr("src",picture);
$('#live-item .num').text(list[index]["user_count"]);
$('#live-item .live-desc').text(description);
clone_module = $('#live-item').clone();
clone_module.attr('id','live-item'+index);
$('#live-items').append(clone_module.removeAttr('style'));
}
});
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
});

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路径问题

    路径不能有中文
原文地址点击打开链接