1. 程式人生 > >ajax互動過程中跳出error的原因

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路徑問題

    路徑不能有中文

原文地址點選開啟連結