Ajax實現非同步請求步驟

2022-09-01 16:24:20 字數 585 閱讀 3438

一、原生js實現:

var request = new xmlhttprequest();  //建立xmlhttprequest()物件

//啟動乙個http請求,但未傳送請求到服務端,最後乙個引數預設為false,非同步傳送。

request.open("get/post", url, true/false);  //使用get方法時直接在的url上傳遞引數。

//使用post方法時要通過send方法傳遞引數給服務端

var data = "str";  //str為獲取表單元素的值或其它需要更新的內容

//傳送請求到服務端

request.send(null/data);

//onreadystatechange事件會在readystate屬性改變時觸發,監控readystate屬性

request.onreadystatechange = function() else

} else }}

//前後端互動約定,約定success為true或者false時返回不同的資訊,

//通過success屬性可以方便前端呼叫返回的資訊。

二、jquery實現

ajax傳送非同步請求的步驟

1.第一步 得到xmlhttprequest ajax要學習乙個物件 xmlhttprequest 編寫建立xmlhttprequest物件的函式 得到xmlhttprequest 2.第二步 開啟與伺服器的連線 xmlhttp.open 用來開啟與伺服器的連線,它需要三個引數 請求方式 可以是ge...

ajax請求步驟

ajax 頁面無重新整理讀取伺服器資料 get 通過瀏覽器位址列傳輸資料 get傳輸資料小 安全性較低 有快取 post 通過http內部傳輸資料 容量較大,一般可達2g 安全性相對較高 無快取 1.建立乙個ajax物件 主流瀏覽器 ie7以下低版本瀏覽器 2.連線到伺服器 oajax.open g...

原生js實現ajax非同步請求

返回xmlhttp的相容寫法 xmlhttp.open post ajax recelve true get post url 是否非同步 post方式 對於django像form表單一樣,會觸發403,跨站請求的warn xmlhttp.send name daxue 路由url url r aj...