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