Ajax系列之四：問題總結

標籤：ajax   web應用開發   

1，最經典的就是ie下的緩衝問題了。 
如果使用的是get，那麼在ie下出現緩衝問題。導致代碼只執行一次。解決辦法就是加時間戳記或者隨機數，使url變為唯一，這樣就不會出現ie 
下的緩衝問題了，或者改為post提交。 
xhr.open("get","xxxx.aspx?_dc="+newDate().getTime(),true); 

2，ajax對象屬性的大小寫問題 
在w3c瀏覽器，如ff中，對大小寫是敏感。如 
if(xhr.readystate==4)這種寫法，在ie下是成立的，但是在ff下就行不通了，因為ie不區分大小寫，ff是區分大小的。 
標準寫法為if(xhr.readyState==4)，同理還有屬性 responseText，responseXML,status。 
還有狀態轉換函數xhr.onreadystatechange，要注意全部為小寫 

3，ajax狀態0問題 
有些時候在測試ajax代碼的時候，加了 xhr.status==200的判斷後，一直不執行xhr.status==200的代碼，這個就需要注意了。 
xhr.status==200是要通過伺服器來瀏覽，並且伺服器頁面沒有發生錯誤或者轉向時才返回200狀態的，此狀態和你通過瀏覽器訪問頁面時伺服器定義的狀態一致。 
直接拖進瀏覽器瀏覽結果或者雙擊運行html頁面的，未發生錯誤時，此時的xhr.status是0，不是200。 
所以可以多加一個xhr.status==0的判斷。如下 

複製代碼代碼如下:

if(xhr.status==200||xhr.status==0){ 
alert(‘ok‘); 
} 

直接拖進瀏覽器瀏覽結果或者雙擊運行html頁面時，又出現一個問題，如果請求的是xml檔案，那想當然的是使用responseXML屬性返回xmlDom了，但是在ie返回不了xmlDom屬性，解決辦法如何呢，看下面的responseXML問題。 
4，responseXML問題。 
要使用responseXML屬性，請求的是xml檔案或者設定了回應標頭為"text/xml"的動態網頁面了。要注意如果請求的是動態網頁面，一定不要忘記設定contenttype為"text/xml"！！！！！！！！切記~~~~~~ 
asp為 response.contenttype="text/html" 
asp.net為 Response.ContentType="text/html"; 
php為 header("content-type:text/xml;"); 
在ie下有個問題，直接拖進瀏覽器瀏覽或者雙擊運行html預覽效果時，請求的即使是xml檔案，使用responseXML返回不了xmldom。 
大家測試下就知道了，如下 
showbo.xml 

複製代碼代碼如下:

<showbo> 
<item>1item> 
<item>2item> 
<item>3item> 
<item>4item> 
</showbo> 

test.html 

複製代碼代碼如下:

function getajax(){ 
if(window.XMLHttpRequest)return new XMLHttpRequest(); 
else if(window.ActiveXObject)return newActiveXObject("microsoft.xmlhttp"); 
} 
var xhr=getajax(); 
xhr.onreadystatechange=function(){ 
if(xhr.readyState==4){ 
if(xhr.status==200||xhr.status==0){ 
var doc=xhr.responseXML,item=doc.getElementsByTagName("item"); 
alert(item.length);//在ie輸出為0，在ff下為4。似乎在ie下未產生xml的樹結構，具體原因要問ms了。。 
} 
else alert(‘發生錯誤\n\n‘+xhr.status); 
} 
} 
xhr.open("get","showbo.xml?_dc="+newDate().getTime(),true); 
xhr.send(null); 

解決辦法就是使用microsoft.xmldom對象重建立立xml的樹結構，如下 

複製代碼代碼如下:

xhr.onreadystatechange=function(){ 
if(xhr.readyState==4){ 
if(xhr.status==200||xhr.status==0){ 
var doc=xhr.responseXML; 
if(document.all&&xhr.status==0){//為ie並且直接托進瀏覽器的時重構xml的樹結構 
doc=new ActiveXObject("microsoft.xmldom"); 
doc.loadXML(xhr.responseText); 
doc=doc.documentElement; 
} 
var item=doc.getElementsByTagName("item"); 
alert(item.length); 
} 
else alert(‘發生錯誤\n\n‘+xhr.status); 
} 
} 

5，為post提交時需要注意的。 
如果為post提交時，注意要設定content-type為"application/x-www-form-urlencoded"，這樣在動態網頁才可以使用request/request.form/request.querystring對象通過鍵擷取值，否則得使用2進位資料，然後自己分析2進位資料產生字串對象，使用正則什麼的擷取對應的值。

Ajax系列之四：問題總結