js原生的ajax寫法

2021-07-10 14:21:08 字數 1082 閱讀 3533

一直都在用jquery的ajax寫法,卻忘記原生的ajax寫法了,今天覆習一遍。。。。

//先宣告乙個非同步請求物件

//如果例項化成功,就呼叫open()方法,就開始準備向伺服器傳送請求

}//設定函式doresult()

function doresult()

}

原生的js的ajax寫法主要有三點:

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