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

    路径不能有中文

原文地址 点击打开链接