快捷導(dǎo)航

vue如何使用async、await實(shí)現(xiàn)同步請(qǐng)求

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

這篇文章主要介紹了vue如何使用async、await實(shí)現(xiàn)同步請(qǐng)求,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

以下是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 請(qǐng)求

就可以將請(qǐng)求到的響應(yīng)賦值給reses，否則按照傳統(tǒng)的異步請(qǐng)求，定義變量reses, 在success函數(shù)中對(duì)reses進(jìn)行賦值，打印出來(lái)的reses仍然為空。

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

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

您可能感興趣的文章:

相關(guān)文章

詳解keep-alive + vuex 讓緩存的頁(yè)面靈活起來(lái)
這篇文章主要介紹了keep-alive + vuex 讓緩存的頁(yè)面靈活起來(lái)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
vue3組件銷(xiāo)毀的具體實(shí)現(xiàn)
組件的銷(xiāo)毀意味著從 DOM 中移除該組件,并清除與之相關(guān)的所有事件監(jiān)聽(tīng)器和子組件,本文主要介紹了vue3組件銷(xiāo)毀的具體實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下
2024-08-08
Vue 按鍵修飾符處理事件的方法
這篇文章主要介紹了Vue 按鍵修飾符的相關(guān)資料，vue中新增按鍵修飾符和系統(tǒng)修飾符來(lái)處理類(lèi)似的事件，具體內(nèi)容詳情大家參考下本文
2018-05-05
vue實(shí)現(xiàn)將一維數(shù)組變換為三維數(shù)組
這篇文章主要為大家詳細(xì)介紹了vue如何實(shí)現(xiàn)將一維數(shù)組變換為三維數(shù)組,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-01-01
Vue中使用Echarts可視化圖表寬度自適應(yīng)的完美解決方案
這篇文章主要介紹了Vue中使用Echarts可視化圖表，寬度自適應(yīng)解決方案,我的解決方案是，在放置Echarts的容器(div)外層再套一層容器(div)，外層容器寬度固定設(shè)置手機(jī)屏幕寬，感興趣的朋友跟隨小編一起看看吧
2022-09-09
vue+canvas實(shí)現(xiàn)炫酷時(shí)鐘效果的倒計(jì)時(shí)插件（已發(fā)布到npm的vue2插件，開(kāi)箱即用）
這篇文章主要介紹了vue+canvas實(shí)現(xiàn)炫酷時(shí)鐘效果的倒計(jì)時(shí)插件（已發(fā)布到npm的vue2插件，開(kāi)箱即用） ,需要的朋友可以參考下
2018-11-11
Vue3使用setup如何定義組件的name屬性詳解
vue3中新增了setup,它的出現(xiàn)是為了解決組件內(nèi)容龐大后,理解和維護(hù)組件變得困難的問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于Vue3使用setup如何定義組件的name屬性的相關(guān)資料,需要的朋友可以參考下
2022-06-06
淺談vue首次渲染全過(guò)程
這篇文章主要介紹了淺談vue首次渲染全過(guò)程，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-04-04
vue3中vite.config.js相關(guān)常用配置超詳細(xì)講解
在Vue3項(xiàng)目中vite.config.js文件是Vite構(gòu)建工具的配置文件,它用于定義項(xiàng)目的構(gòu)建和開(kāi)發(fā)選項(xiàng),這篇文章主要介紹了vue3中vite.config.js相關(guān)常用配置的相關(guān)資料,需要的朋友可以參考下
2025-04-04
Vue在chrome44偶現(xiàn)點(diǎn)擊子元素事件無(wú)法冒泡的解決方法
這篇文章主要給大家介紹了關(guān)于Vue在chrome44偶現(xiàn)點(diǎn)擊子元素事件無(wú)法冒泡的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12