uni-app 中通过 async + await + Promise 实现 request 请求同步化

朱雀 2021-03-29 11:32 1591阅读 0赞

在 uni-app 中 uni.request 默认是异步请求，那么如果我们想将其改为同步请求可以吗？显然是可以的！我们可以借助 Promise 结合 async + await 使请求同步化。具体步骤如下：

### 基于 Promise 对 request 请求进行封装

请参考之前的文章：[uni-app 基于 Promise 的 request 请求封装](/article/details/1376493788465770497)。

### 使用 async + await，使异步请求同步化

```javascript
<script>
    import http from '@/commons/http.js'

export default {
        data() {
            return {
            }
        },
        methods: {
            async loadData1 (id) {
                await http('data/get1', {
                    id: id
                }).then(res => {
                    console.log(res.data)
                }).catch(err => {
                    console.error(err)
                })
            },
            async loadData2 (id) {
                await http('data/get2', {
                    id: id
                }).then(res => {
                    console.log(res.data)
                }).catch(err => {
                    console.error(err)
                })
            }
        },
        async onLoad(option) {
            await this.loadData1(1)
            await this.loadData1(2)
        }
    }
</script>
```

注意：当调用的级数增加的时候，需要逐级的增加 async 和 await。

发表评论取消回复

表情：

评论列表（有 0 条评论，1591人围观）

还没有评论，来说两句吧...

相关阅读

相关 Angular请求同步async、await使用方式

原文出处：[https://blog.csdn.net/inforstack/article/details/84305087?utm\_medium=distribute.p

左手的ㄟ右手/ 2023年02月22日 05:07/ 0 赞/ 10 阅读

相关 Async/Await 如何通过同步的方式实现异步？

> 作者：saucxs ｜ songEagle 一、前言二、Async/Await 如何通过同步的方式实现异步？这个题目本身不是特别难，只能说是作为社招的基础

系统管理员/ 2022年11月10日 14:15/ 0 赞/ 155 阅读

相关 promise async await

1.当异步函数嵌套到别的函数内后,需要循环使用async和await 否则就会变成异步 async getEventList () { const

亦凉/ 2022年10月30日 05:19/ 0 赞/ 196 阅读

相关 Async/Await 如何通过同步的方式实现异步？

点击上方程序员成长指北，关注公众号回复1，加入高级 Node 进阶交流群 ???? 点击上方卡片关注二、Async/Await 如何通过同步的方式实现

绝地灬酷狼/ 2022年10月06日 03:00/ 0 赞/ 163 阅读

相关 uniapp request请求同步化

第一种方式内容区： <view class="content"> <button type="default" @click="testIntern

Myth丶恋晨/ 2022年09月12日 13:46/ 0 赞/ 920 阅读

相关 Promise，Async，await简介

Promise 对象转载：http://wiki.jikexueyuan.com/project/es6/promise.html 基本用法 ES6 原生

缺乏、安全感/ 2022年04月11日 02:12/ 0 赞/ 240 阅读

相关 async/await 和 promise

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

港控/mmm°/ 2022年02月15日 07:19/ 0 赞/ 322 阅读

相关 Promise和async/await

这篇先讲Promise和async/await使用，下一篇讲在事件循环中Promise和async/await执行顺序 1.先看一段代码先看一段代码，对Promise和a

一时失言乱红尘/ 2021年10月24日 02:24/ 0 赞/ 442 阅读

相关 async和await 实现同步请求

注意：async外面的是异步的，await会阻塞！一，基本使用其实就是之前学过的异步函数，异步编程在函数前写一个ansyc，就转化为异步函数，返回的是一个pro

系统管理员/ 2021年07月26日 11:02/ 0 赞/ 1052 阅读

相关 uni-app 中通过 async + await + Promise 实现 request 请求同步化

在 uni-app 中 uni.request 默认是异步请求，那么如果我们想将其改为同步请求可以吗？显然是可以的！我们可以借助 Promise 结合 async + a...

朱雀/ 2021年03月29日 11:32/ 0 赞/ 1592 阅读