實現AJAX的基本步驟

2021-10-11 17:46:43 字數 1889 閱讀 4187

要完整實現乙個ajax非同步呼叫和區域性重新整理,通常需要以下幾個步驟:

(1)建立xmlhttprequest物件,也就是建立乙個非同步呼叫物件.

;//建立物件(2)為ajax引擎物件繫結監聽(監聽伺服器已將資料響應給引擎

//繫結監聽物件

xhr.

onreadystatechange

=function()

}

(3)配置請求資訊,

//get請求下引數加在url後,

xhr.

open

('get'

,'');

//post請求下需要配置請求頭資訊

xhr.

setrequestheader

("content-type",)

;

(4)傳送http請求.

xhr.

send()

;

(5) 獲取伺服器端給與客戶端的響應資料

xhr.

onload

=function()

ajax 狀態碼

0:請求未初始化(還沒有呼叫open())

1:請求已經建立,但是還沒有傳送(還沒有呼叫send())

2:請求已經傳送

3:請求正在處理中,通常響應中已經有部分資料可以用了

4:響應已經完成,可以獲取並使用伺服器的響應了

xhr.readystate // 獲取ajax 狀態碼

onreadystatechange 事件

// 當ajax狀態碼發生變化時自動觸發該事件

xhr.

onreadystatechange

=function()

}

原生ajax簡易封裝:

function

ajax

( options )

}

然後傳送請求:

ajax(}

)

jquery中的ajax請求

$.

ajax(,

//請求攜帶的引數

//上傳formdata檔案時

contenttype:

false

,//必須false才會自動加上正確的content-type

processdata:

false

,//必須false才會避開jquery對 formdata 的預設處理

//上傳檔案時獲取進度條

xhr:

function

xhr(),

false);

}return xhr;},

success:

function

(req)

, complete:

function

(data)

, error:

function

(data)

簡寫get/post

$.

get(

"url",,

function

(data))$.

post

("url",,

function

(data)

)

實現AJAX的基本步驟

實現ajax的基本步驟 一 建立xmlhttprequest物件 所有現代瀏覽器 ie7 firefox chrome safari 以及 opera 均支援xmlhttprequest 物件,而ie5 和 ie6 使用 的是activexobject。在現代瀏覽器中建立xmlhttprequest...

Ajax之實現步驟

一般情況下為以下4個步驟 建立xmlhttprequest物件 伺服器向瀏覽器響應請求 註冊監聽 瀏覽器與伺服器建立連線 瀏覽器向伺服器傳送請求 具體 當頁面載入完畢之後,執行以下 window.onload function 3 瀏覽器與伺服器建立連線 xhr.open method,url,as...

Ajax實現非同步請求步驟

一 原生js實現 var request new xmlhttprequest 建立xmlhttprequest 物件 啟動乙個http請求,但未傳送請求到服務端,最後乙個引數預設為false,非同步傳送。request.open get post url,true false 使用get方法時直接...