原生js傳送Ajax請求

2022-08-03 00:15:12 字數 962 閱讀 6089

// 1. 建立乙個 xhr 物件

// 2. 設定請求的方式和路徑

xhr.open('get', '/time');

// 3. 傳送請求

xhr.send(null);

// 4. 註冊事件

xhr.onload = function ()

注意:如果是傳送post方式的請求,需要在open和send中間設定請求頭,send中新增要傳遞的引數(有格式要求:=連線屬性和值;&連線不同的屬性)。

// 需要提交到服務端的資料可以通過 send 方法的引數傳遞

// 格式:name=zhangsan&age=18

xhr.send('name=zhangsan&age=18')

xhr.onload = function ()

onload 是 html5 以後新增的方便獲取響應的事件,過去獲取瀏覽器返回內容的時候使用的是 onreadystatechange。

// open 方法的第乙個引數的作用就是設定請求的 method

xhr.open('post', '/query-post')

// 需要提交到服務端的資料可以通過 send 方法的引數傳遞

// 格式:name=zhangsan&age=18

xhr.send('name=zhangsan&age=18')

// 更改事件為onreadystatechange

xhr.onreadystatechange = function ()

}

js原生ajax請求

建立向後台伺服器的乙個請求 確定傳送的方式方法 傳送請求 確定後台載入完畢 獲取到請求返回的資料 ajax 能夠處理那些型別檔案 文型別檔案 如 html txt js css json xml ajax,需要配合js 的基本事件以及dom操作共同使用。ajax負責的是獲取資料,但是將獲取到的資料放...

原生js實現Ajax請求

原生的ajax請求離不開xhr物件,即xmlhttprequest物件。所有現代瀏覽器都內建有這個物件。建立整個物件 var xhr new xmlhttprequest 這裡有個版本的差異,ie5和ie6使用activex物件。不同的瀏覽器使用不同的物件。if window.xmlhttprequ...

原生js的ajax請求

針對get方法 針對post方法 注意 1.setrequestheader 把指定首部設定為所提供的值。在設定任何首部之前必須先呼叫open 設定header並和請求一起傳送 post 方法一定要 2.post請求一定要新增請求頭才行不然會報錯 3.open method url asyncfla...