原生js 非同步請求

2021-09-08 17:08:26 字數 832 閱讀 6537

1、非同步請求的方法:

iframe、script、xmlhttprequest、comet(伺服器端發起)

兩個必須的引數。

「get」 「post」等,不區分大小寫,但通常用大寫字母來匹配http協議

想要快取資料時,最好使用get方法。

如果傳false為其第三個引數,則該方法變為同步獲取資料,但一般不能這麼做,這樣很容易阻塞整個瀏覽器的ui

request.setrequestheader( "content-type", "text/plain" );

多次為相同的頭設定值不會替換掉原來的值,而是儲存多個副本或者為這個頭指定多個值

request.onreadystatechange = function(){}

使用onreadystatechange事件 監控request的readystate屬性值

request.readystate === 4 && request.status === "200" 

當readystate的值等於4並且request的狀態碼返回200時說明正常返回了值

request.send( null ); 

如果是使用「get」方法,send的引數傳null或不傳值(傳值也不起作用)

request.getresponseheader( "content-type" );

返回的值存放在requesttext中,如果是xml(包括html)檔案,可能會有乙個解析為dom的requestxml屬性。

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

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