原生方式實現ajax

2021-10-21 18:37:00 字數 1574 閱讀 4789

傳統的網頁(不使用 ajax)如果需要更新內容,必需過載整個網頁面。

1、建立 xmlhttprequest 物件

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

老版本的 internet explorer (ie5 和 ie6)使用 activex 物件:

2、向伺服器傳送請求

(1)傳送get請求

如果您希望通過 get 方法傳送資訊,請向 url 新增資訊:

(2)傳送post請求

如果需要像 html 表單那樣 post 資料,請使用 setrequestheader() 來新增 http 頭。然後在 send() 方法中規定您希望傳送的資料:

3、伺服器響應

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

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

(2)respon***ml

如果來自伺服器的響應是 xml,而且需要作為 xml 物件進行解析,請使用 respon***ml 屬性:

4、判斷是否響應成功

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

5、乙個完整的ajax請求

,"請求url"

原生ajax實現

方法 描述open method,url,async 規定請求的型別 url 以及是否非同步處理請求。method 請求的型別 get 或 post。url 檔案在伺服器上的位置。async true 非同步 或 false 同步 如果不寫預設非同步 send string 將請求傳送到伺服器。st...

原生js實現Ajax

一般來說,大家可能都會習慣用jquery提供的ajax方法,但是用原生的js怎麼去實現ajax方法呢?jquery提供的ajax方法 ajax success function error function 原生js實現ajax方法 var ajax obj.send post function u...

原生js實現Ajax

ajax success function error function 原生js實現ajax方法 var ajax xhr.send datat應為 a a1 b b1 這種字串格式,在jq裡如果data為物件會自動將物件轉成這種字串格式 post function url,data,fn xhr...