javascript中AJAX的使用

2021-08-26 08:18:48 字數 1384 閱讀 6084

ajax使用的方法:

1、建立xmlhttpreques物件

瀏覽器使用xmlhttprequest物件與伺服器進行互動,獲取資料。一般現下流行的瀏覽器均支援xmlhttprequest物件(ie5 和 ie6 使用 activexobject)。

語法:

老版本的ie瀏覽器的建立方式為:

因此在使用該物件時應該首先判斷瀏覽支援何種物件再行建立:

2、向伺服器傳送請求

使用xmlhttprequest物件的open()與send()方法向伺服器傳送請求

open(method,url,async)

例項:

xmlhttp.open("get","index.jsp",true)
method表示請求的方式,get或者post

url表示請求的位址

async是乙個boolean型別,表示是否非同步

send(string)

當請求方式為post時,string不能為空,表示向伺服器提交的資料

3、獲取響應

如果需要獲取伺服器的響應從而更改檢視內容,可以使用 xmlhttprequest 物件的 responsetext 或 respon***ml 屬性。

前者表示獲取字串形式的響應內容,後者表示獲取xml形式的響應內容。

例項(使用xmlhttprequest的響應內容更改html):

;4、onreadystatechange事件

當向伺服器傳送請求時redystate的值發生改變時觸發onreadystatechange事件。

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

0: 請求未初始化

1: 伺服器連線已建立

2: 請求已接收

3: 請求處理中

4: 請求已完成,且響應已就緒

status有兩種數值,分別表示:

200: 「ok」

404: 未找到頁面

例項:

xmlhttp.onreadystatechange(function()

}

javaScript中ajax請求步驟

1.構建非同步請求物件 2.開啟連線 傳入url等引數 ajaxobj.open get php 03.ajaxobj.php 第三個引數是否同步 false非同步 預設 true同步 3.傳送資料 ajaxobj.send 4.註冊事件 當請求被傳送到伺服器時,我們需要執行一些基於響應的任務。每當...

Javascript 中Ajax同步和非同步的說明

所謂單執行緒,是指負責解釋並執行js 的執行緒只有乙個。我們不妨叫它主線程。其實還有其他很多執行緒的,比如進行ajax請求的執行緒 監控使用者事件的執行緒 定時器執行緒 讀寫檔案的執行緒 例如在nodejs中 等等。同步和非同步是怎麼回事?以ajax請求為例 非同步就是 主線程執行到傳送ajax請求...

JavaScript實踐 AJAX分頁

今天寫了乙個ajax分頁,把思路整理一下。private int count 0 總記錄數 private int currentpage 0 當前頁面 private int pagesize 10 每頁記錄數 private int totalpage 1 總頁總書 從資料取出總記錄數,求出頁面...