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 應用程式的核心 幫助改進與伺服器應用程式的通訊。...