原生ajax實現

方法

描述open(method,url,async)

規定請求的型別、url 以及是否非同步處理請求。method：請求的型別；get 或 post。url：檔案在伺服器上的位置。async：true（非同步）或 false（同步）如果不寫預設非同步

send(string)

將請求傳送到伺服器。string：僅用於 post 請求

setrequestheader(「header」, 「value」)

把指定首部設定為所提供的值。在設定任何首部之前必須先呼叫open()。設定header並和請求一起傳送 ('post』方法一定要 ) 屬性

描述onreadystatechange

儲存函式（或函式名），每當 readystate 屬性改變時，就會呼叫該函式。

readystate

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

0: 請求未初始化

1: 伺服器連線已建立

2: 請求已接收

3: 請求處理中

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

//get

let response;
xmlrequest.
open
('get'
,'a.php?t=1'
,true);
//(methods,url,async?)預設為async(true),同步需改為false
xmlrequest.
send()
;xmlrequest.
onreadystatechange=(
)=>
};

原生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...

原生js實現Ajax

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