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