一直都在用jquery的ajax寫法,卻忘記原生的ajax寫法了,今天覆習一遍。。。。
原生的js的ajax寫法主要有三點://先宣告乙個非同步請求物件
//如果例項化成功,就呼叫open()方法,就開始準備向伺服器傳送請求
}//設定函式doresult()
function doresult()
}
1、建立非同步請求物件
非同步請求物件要兼顧ie和標準的瀏覽器
2、傳送請求
傳送請求主要用了非同步請求物件的open方法和send方法,方法和描述如下所示:
方法描述
open(method,url,async)
規定請求的型別、url 以及是否非同步處理請求。
send(string)
將請求傳送到伺服器。
需要注意的是:如果open方法用的是get方式,相應的引數要寫到url裡,此時send方法裡引數可為空,而用post方式時要寫到send方法裡,例:xmlhttp.send("a=***x&b=***x");
3、狀態和響應
屬性描述
onreadystatechange
儲存函式(或函式名),每當 readystate 屬性改變時,就會呼叫該函式。
readystate
存有 xmlhttprequest 的狀態。從 0 到 4 發生變化。
status
200: "ok"
404: 未找到頁面
當readystate為4且status為200時,此時獲得了伺服器的回答。
如需獲得來自伺服器的響應,請使用 xmlhttprequest 物件的 responsetext 或 respon***ml 屬性。
屬性描述
responsetext
獲得字串形式的響應資料。
respon***ml
獲得 xml 形式的響應資料。
原生Ajax寫法(GET)
ajax的get提交方式的原生 這個物件是針對老式ie瀏覽器的 onreadystatechange事件 當readystate的值發生改變時觸發此事件 open 這個方法有三個引數,open 提交方式 get post 資源的位址 非同步或者同步 true false readystate 準備狀...
原生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...