首頁 > web前端 > js教程 > 主體

關於ajax物件一些常用屬性、事件和方法大小寫比較常見的問題總結

亚连
發布: 2018-05-24 15:05:48
原創
1315 人瀏覽過

最近比較空閒,於是抽個時間整理些關於ajax方法的東東。在專案中常發現ajax板塊好多問題都是屬性,方法,事件大小寫不區分問題,最終導致了程序運行出現麻煩,下面給大家介紹關於ajax對像一些常用屬性、事件和方法大小寫比較常見的問題總結

最近比較空閒,於是抽個時間整理些關於ajax方法的東東。在專案中經常發現ajax板塊好多問題都是屬性,方法,事件大小寫不區分問題,最終導致了程式運行出現麻煩。

  下面是ajax物件的一些常用屬性,事件與方法

  1)標準的ajax物件的屬性有readyState,status,responseText,responseXML

#  2)非標準ajax物件屬性,針對IE瀏覽器的,有responseBody,2進位資料流。如果不考慮瀏覽器相容,這個屬性 VBScript能很好的解決亂碼問題。

Visual Basic code

#
Function Bytes2BStr(vin)'二进制转字串
   strreturn = ""
   for i = 1 to lenb(vin)
   thischarcode = ascb(midb(vin,i,1))
   if thischarcode < &h80 then
    strreturn = strreturn & chr(thischarcode)
   else
    nextcharcode = ascb(midb(vin,i+1,1))
    strreturn = strreturn & chr(clng(thischarcode) * &h100 + cint(nextcharcode))
    i = i + 1
   end if
   next
   Bytes2BStr = strreturn
End Function
登入後複製

  3)事件onreadystatechange,狀態轉換函數

#  4)方法有setRequestHeader,open,send,用於設定回應頭的,當指定提交方法為POST的時候,需要設定content-type為application/x-www-form-urlencoded,如果未設定這個回應頭,請求的動態頁無法使用鍵值對的形式取得到值,不過可以從二進位流產生提交的資料。

參考

ajax指定為post但是未設定content-type或未指定鍵時如何取得提交的內容

  容易出現錯誤的問題

1)對於使用XMLHttpRequest創建的對象,包括IE7 ,屬性是嚴格區分大小寫的,一定要注意大小寫的問題,要不不區分大小,屬性值就是undefined 。如readyState寫成readystate,responseText寫成responsetext。

2)對於IE瀏覽器,如果是先判斷activexobject,那麼會執行activexobject創建xhr對象,使用acx創建的xhr對象,屬性,事件,方法都不區分大小寫

# 3)使用XMLHttpRequest建立時,onreadystatechange一定全部為小寫,要不相當於給xhr物件賦值一個自訂屬性,而不是實際的狀態轉換函數。這樣永遠都不執行回呼。對於IE使用activexobject建立的xhr對象,不區分大小寫

4)同2,3點,XMLHttpRequest建立時,呼叫方法一定要區分大小寫,要不會出錯,提示找不到方法。 IE使用activexobject創建不會區分大小寫。

特別強調的是,一定要呼叫open方法後,才能執行setRequestHeader方法,要不會出錯。

  對於手寫ajax程式碼一些建議

1)為get提交時,不需要設定content-type了,除非請求的是一些需要檢查content-type生成一些對應的資料格式的文件。如 asp.net的webservice會檢查content-type,如果指定content-type為application/json,會產生對應的json格式的字串。

2)為get提交時,如果沒有數據,調用send方法時最好添加一個null作為參數。 xhr.send(null);

3)為post提交時,一定不要忘記在呼叫open方法後,再呼叫setRequestHeader方法設定content-type為application/x-www-form-urlencoded

4) 在使用responseText,responseXML和responseBody【IE only】,status屬性時,需要在readyState==4,status狀態==200【線上測試】或status狀態==0【本地測試】時再使用

JavaScript code

 var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("microsft.xmlhttp");
   xhr.open(&#39;get&#39;, &#39;index.html&#39;, true);
   xhr.onreadystatechange = function () {
     if (4 == xhr.readyState) {
       if (200 == xhr.status || 0 == xhr.status) {
         //=========正常返回后的处理代码
       }
       else alert(&#39;动态页出问题了~~&#39;);
     }
   }
   xhr.send(null);
登入後複製

5)如果為非同步執行時,需要新增狀態轉換函數,然後在readyState位元4時使用responseText或responseXML屬性。
如果為同步執行時,可以在send完後,直接使用responseText或responseXML屬性,不需要加入onreadystatechange狀態轉換函數了。不過為同步時如果網路速度慢容易造成瀏覽器假死,使用者體驗不好。

6)最簡單的~~hoho~~改用jquery框架吧。

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

Ajax發送和接收請求

ajax非同步載入圖片實例分析

 AJAX XMLHttpRequest物件詳解

#

以上是關於ajax物件一些常用屬性、事件和方法大小寫比較常見的問題總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!