快捷導(dǎo)航

vue如何使用async、await實現(xiàn)同步請求

更新時間：2019年12月09日 11:20:15 作者：護(hù)花使者

這篇文章主要介紹了vue如何使用async、await實現(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仍然為空。

但是我們一般不建議這么寫，若確實需要先獲取相應(yīng)的信息，可以把業(yè)務(wù)代碼封裝到一個方法里面，然后在success回調(diào)函數(shù)中，調(diào)用這個方法，將需要的參數(shù)傳遞進(jìn)去。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

基于Vue3定制復(fù)雜組件滾動條的實現(xiàn)
這篇文章主要介紹了如何利用vue3定制復(fù)雜組件的滾動條，文中通過示例代碼講解詳細(xì)，需要的朋友們下面就跟隨小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
vue中的scope使用詳解
這篇文章主要介紹了vue中的scope使用詳解,需要的朋友可以參考下
2017-10-10
vue中獲取滾動table的可視頁面寬度調(diào)整表頭與列對齊(每列寬度不都相同)
這篇文章主要介紹了vue中獲取滾動table的可視頁面寬度，調(diào)整表頭與列對齊(每列寬度不都相同),需要的朋友可以參考下
2019-08-08
前端vue如何根據(jù)菜單自動生成路由(動態(tài)配置前端路由)
估計有不少人遇過這樣的需求:根據(jù)后臺數(shù)據(jù)動態(tài)添加路由和菜單,這篇文章主要給大家介紹了關(guān)于前端vue如何根據(jù)菜單自動生成路由的相關(guān)資料,需要的朋友可以參考下
2024-04-04
詳解vue嵌套路由-params傳遞參數(shù)
本篇文章主要介紹了詳解vue嵌套路由-params傳遞參數(shù)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
Vue.js 父子組件通訊開發(fā)實例
這篇文章主要介紹了Vue.js 父子組件通訊開發(fā)實例的相關(guān)資料,本文介紹的非常詳細(xì)，具有參考借鑒價值，需要的朋友可以參考下
2016-09-09
vue實現(xiàn)輸入框只允許輸入數(shù)字
在vue項目中,輸入框只允許輸入數(shù)字,現(xiàn)將自己使用的一種方法記錄,本文結(jié)合實例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧
2023-11-11
eslint常見的一些報錯及解決方法
這篇文章主要給大家介紹了關(guān)于eslint常見的一些報錯及解決方法,解決eslint的報錯問題可以要根據(jù)報錯行數(shù)快速定位.文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
2023-03-03
npm install sentry-cli失敗的問題解決
本文主要介紹了npm install sentry-cli失敗的問題解決,文章首先描述了問題現(xiàn)象,然后分析了問題的原因,具有一定的參考價值,感興趣的可以了解一下
2023-08-08
vue中this.$createElement方法的使用
這篇文章主要介紹了vue中this.$createElement方法的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-07-07