Ajax系列之四：問題總結

標籤：tag   結構   test   pop   注意   str   cti   back   提交   

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是要通過server來瀏覽。而且server頁面沒有錯誤發生或者轉向時才返回200狀態的，此狀態和你通過瀏覽器訪問頁面時server定義的狀態一致。 
直接拖進瀏覽器瀏覽結果或者雙擊執行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系列之四：問題總結