AJAX工作原理

2021-09-01 01:56:53 字數 1795 閱讀 3529

xmlhttprequest 是 ajax 的基礎

所有現代瀏覽器均支援 xmlhttprequest 物件(ie5 和 ie6 使用 activexobject)。

所有現代瀏覽器(ie7+、firefox、chrome、safari 以及 opera)均內建 xmlhttprequest 物件。

如需將請求傳送到伺服器,我們使用 xmlhttprequest 物件的 open() 和 send() 方法:

xmlhttp.send();方法 描述 open(method,url,async)

規定請求的型別、url 以及是否非同步處理請求。

send(

string)

將請求傳送到伺服器。

如需獲得來自伺服器的響應,請使用 xmlhttprequest 物件的 responsetext 或 respon***ml 屬性。

responsetext   

獲得字串形式的響應資料。

respon***ml

獲得 xml 形式的響應資料。

如果來自伺服器的響應並非 xml,請使用 responsetext 屬性。

responsetext 屬性返回字串形式的響應,因此您可以這樣使用:

document.getelementbyid("mydiv").innerhtml=xmlhttp.responsetext;
如果來自伺服器的響應是 xml,而且需要作為 xml 物件進行解析,請使用 respon***ml 屬性:

請求 books.xml 檔案,並解析響應:

for (i=0;i當請求被傳送到伺服器時,我們需要執行一些基於響應的任務。

每當 readystate 改變時,就會觸發 onreadystatechange 事件。

readystate 屬性存有 xmlhttprequest 的狀態資訊。

onreadystatechange 儲存函式(或函式名),每當 readystate 屬性改變時,就會呼叫該函式。 readystate

存有 xmlhttprequest 的狀態。從 0 到 4 發生變化。

status

200: "ok"

404: 未找到頁面

當 readystate 等於 4 且狀態為 200 時,表示響應已就緒:

}callback 函式是一種以引數形式傳遞給另乙個函式的函式。

如果您的**上存在多個 ajax 任務,那麼您應該為建立 xmlhttprequest 物件編寫乙個標準的函式,並為每個 ajax 任務呼叫該函式。

該函式呼叫應該包含 url 以及發生 onreadystatechange 事件時執行的任務(每次呼叫可能不盡相同):

function myfunction()

});}

Ajax工作原理

如果請求是get 建立xhr物件 設定請求方式和路徑 xhr.open get 請求路徑 傳送請求 xhr.send null 註冊事件,獲取響應內容 xhr.onreadystatechange function 如果請求的事post 建立xhr物件 設定請求方式和請求路徑 xhr.open po...

ajax工作原理,Jsonp原理

ajax工作原理是 相當於在使用者和伺服器之間加了 個中間層 ajax引擎 使使用者操作與伺服器響應非同步化。對於使用者請求ajax引擎會做一些資料驗證和資料處理,不是所有請求都提交給伺服器,當需要從伺服器讀取新資料時由ajax引擎代為向伺服器提交請求。ajax最大優點就是不重新整理整個頁面的前提下...

Ajax學習 理解 Ajax 及其工作原理

ajax是 asynchronous j ascript and xml 以及 dhtml 等 的縮寫.下面是 ajax 應用程式所用到的基本技術 html 用於建立 web 表單並確定應用程式其他部分使用的字段。j ascript 是執行 ajax 應用程式的核心 幫助改進與伺服器應用程式的通訊。...