promise配合ajax使用

2021-10-23 19:17:43 字數 816 閱讀 5713

目錄

原生ajax和promise的結合使用

ecmascript 6 原生提供了 promise 物件。

promise 物件代表了未來將要發生的事件,用來傳遞非同步操作的訊息。

物件的狀態不受外界影響。promise 物件代表乙個非同步操作,有三種狀態:

promise物件是微任務!

1.建立xmlhttpreguest物件     

xmlhttprequest 物件

所有現代瀏覽器均支援 xmlhttprequest 物件(ie5 和 ie6 使用 activexobject)。

2.向伺服器傳送請求

3.返回的資料

返回回來的是json格式,使用json.parse()方法轉為物件

好了 現在我們了解了原生ajax的使用方法接下來我們就結合promise使用 開始!

var obj = 

// 封裝乙個promise呼叫函式

let ajaxpromise = (params) => else }}

}).catch((e) => )

}let res = (_) => )

}res()

ajax和promise的結合使用

在需要依賴完成的ajax請求可使用promise保證執行順序在第乙個請求正確返回後再傳送第二個請求 定義乙個使用promise的ajax請求,這裡依賴jquery 引數中請求url為必填引數 const ajaxpromise param error err 第乙個請求 let step1 then...

手寫promise封裝ajax

其實,axios本身就是基於promise進行封裝的,我們之所以進行二次封裝,主要是為了能夠對錯誤資訊進行乙個集中的處理,根據不同的錯誤資訊,需要給使用者不同的提示,以便於給使用者乙個良好的操作體驗。封裝方法有很多種,基於class類的,基於建構函式的,也可以直接封裝乙個函式。具體按照個人習慣,最主...

Promise解決AJAX非同步問題

目的 使多個ajax程序能有序的執行,而不是非同步同時執行 第一步 給第乙個ajax所在的函式 ajax1 傳遞乙個success引數 函式 當ajax執行完之後,呼叫success 函式。第二步 如果後面還有要順序執行的非同步程式,可以參照第一步。第三步 new promise ajax1 the...