原生ajax 與 fetch 請求

2021-10-09 10:38:27 字數 472 閱讀 6487

專案需求:迴圈請求乙個介面(最多請求30次,最少請求1次),把每次請求回得資料放到乙個陣列,最後得到得陣列進行頁面渲染。

專案方案:promise(promise.all),ajax

專案問題: 1、ajax同步請求,當請求次數過多時,執行緒堵塞,造成介面返回慢。

2、ajax非同步請求,所有資料返回時間不確定。

解決方案:把ajax請求換成fetch請求

for

(var i = 0; i < days; i = i + 2)

).then((res)

=>res.json(

)) )

}

最後得到得arry

promise.all(

arry//你需要的那個陣列

).then(

(res)

=>

)

原生ajax封裝請求

封裝ajax function ajax obj else 2.開啟請求 第乙個引數表示請求方式,值為get post,是字串 第二個引數表示請求的位址 第三個引數是布林值,預設是true表示非同步,false表示同步 xhr.open obj.type,obj.url,obj.async 3.判斷...

js原生ajax請求

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

原生Ajax請求步驟

第一步,建立xmlhttprequest物件 第三步,配置請求資訊,open get get請求下引數加在url後,ashx?methodname getallcomment str1 str1 str2 str2 post請求下需要配置請求頭資訊 第四步,傳送請求,post請求下,要傳遞的引數放這...