原生JS中的Ajax

2021-08-28 11:09:40 字數 1110 閱讀 6473

1、向伺服器傳送請求,我們可以使用xmlhttprequest物件的open()和send()方法。

方法描述

open(method,url,async)

規定請求的型別,url以及是否非同步處理請求。

method:請求的型別;get或post

url:請求路徑

async:true(非同步)或false(同步)

send(string)

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

2、get請求

xmlhttp.send();3、post請求

xmlhttp.send("fname=henry&lname=ford");如需獲得來自伺服器的響應,可以使用xmlhttprequest物件的responsetext和respon***ml屬性。

屬性描述

responsetext

獲得字串形式的響應資料

respon***ml

獲得xml形式的相應資料

屬性描述

onreadystatechange

儲存函式(或函式名),每當readystate屬性改變時,就會呼叫該函式

readystate

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

0:請求未初始化

1:伺服器連線已建立

2:請求已接收

3:請求處理中

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

status

200:「ok」

404:未找到頁面

修改內容

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

1,get方式的ajax 1 function sendajaxreq 219 20 4,傳送請求,如果是在火狐下,使用get方式傳送ajax請求,send的時候括號寫上null 21 req.send null 22 2,post方式ajax 1 使用post傳參,需要攜帶乙個請求頭模擬表單提交 ...