傳統的網頁(不使用 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...