vue如何使用async、await實(shí)現(xiàn)同步請求
這篇文章主要介紹了vue如何使用async、await實(shí)現(xiàn)同步請求,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
以下是vue method的demo:
loadTableData : async function() { var reses = await $.ajax({ type:'post', url:'/linewell/system/user/queryPageList.do'/*, }); console.log("reses", reses); }
其中方法需要用async修飾, 然后
var 變量 = await 請求
就可以將請求到的響應(yīng)賦值給reses, 否則按照傳統(tǒng)的異步請求, 定義變量reses, 在success函數(shù)中對reses進(jìn)行賦值, 打印出來的reses仍然為空。
但是我們一般不建議這么寫,若確實(shí)需要先獲取相應(yīng)的信息,可以把業(yè)務(wù)代碼封裝到一個方法里面,然后在success回調(diào)函數(shù)中,調(diào)用這個方法, 將需要的參數(shù)傳遞進(jìn)去。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Vue?中?Promise?的then方法異步使用及async/await?異步使用總結(jié)
- vue中異步函數(shù)async和await的用法說明
- vue中用 async/await 來處理異步操作
- 詳解vue中async-await的使用誤區(qū)
- vue如何在for循環(huán)中設(shè)置ref并獲取$refs
- Vue中實(shí)現(xiàn)v-for循環(huán)遍歷圖片的方法
- 使用vue?v-for循環(huán)圖片路徑方式
- Vue 實(shí)現(xiàn)v-for循環(huán)的時候更改 class的樣式名稱
- vue在?for?循環(huán)里使用異步調(diào)用?async/await的方法
相關(guān)文章
基于Vue3定制復(fù)雜組件滾動條的實(shí)現(xiàn)
這篇文章主要介紹了如何利用vue3定制復(fù)雜組件的滾動條,文中通過示例代碼講解詳細(xì),需要的朋友們下面就跟隨小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04vue中獲取滾動table的可視頁面寬度調(diào)整表頭與列對齊(每列寬度不都相同)
這篇文章主要介紹了vue中獲取滾動table的可視頁面寬度,調(diào)整表頭與列對齊(每列寬度不都相同),需要的朋友可以參考下2019-08-08前端vue如何根據(jù)菜單自動生成路由(動態(tài)配置前端路由)
估計(jì)有不少人遇過這樣的需求:根據(jù)后臺數(shù)據(jù)動態(tài)添加路由和菜單,這篇文章主要給大家介紹了關(guān)于前端vue如何根據(jù)菜單自動生成路由的相關(guān)資料,需要的朋友可以參考下2024-04-04vue實(shí)現(xiàn)輸入框只允許輸入數(shù)字
在vue項(xiàng)目中,輸入框只允許輸入數(shù)字,現(xiàn)將自己使用的一種方法記錄,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2023-11-11