一、前言
二、基于 Promise 对 request 请求进行封装
三、使用 async + await，使异步请求同步化
四、注意
五、他山之石

一、前言

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

二、基于 Promise 对 request 请求进行封装

请参考之前的文章：uni-app 基于 Promise 的 request 请求封装。

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

<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。

五、他山之石

本篇博客的内容，在这个问题的回答里面：uni.request是异步请求，如何改为同步请求?await?怎么用？

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

promise用法_JavaScript中的async/await的用法和理解
昨天更新的是"JavaScript中的Promise使用详解",其实也就是说了下基本用法和自己对Promise的理解,可能有错误之处,也欢迎指出.今天就说一说"JavaS ...
循环中使用async/await
此需求在于二次循环中需要使用async/await,按照每次嵌套循环的时候,进行async,则会给出错误的输出,如下所示 let list = [{name: "a",age: 1 ...
在.NET中执行Async/Await的两种错误方法
微信公众号:架构师高级俱乐部关注可了解更多的编程,架构知识.问题或建议,请公众号留言; 如果你觉得此文对你有帮助,欢迎转发在.NET中执行异步/等待的两种错误方法在应用开发中,我们为了提高应用程 ...
【vue】---vue中使用async+await出现的问题及解决方案
[vue]---vue中使用async+await出现的问题及解决方案参考文章: (1)[vue]---vue中使用async+await出现的问题及解决方案 (2)https://www.cnbl ...
uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
Microsoft.Bcl.Async 使用总结--在.NET Framework 4.5项目上使用.NET Framework 4.5版本及以上版本才可以使用C# 5中的async/await异步特
正常情况下async/await异步特性,只能在.NET Framework 4.5以上的版本才可以使用,那如果想在.NET Framework 4使用C# 5中的异步特性怎么办呢?还好有一个开源的类 ...
实际案例：在现有代码中通过async/await实现并行
实际案例:在现有代码中通过async/await实现并行一项新技术或者一个新特性,只有你用它解决实际问题后,才能真正体会到它的魅力,真正理解它.也期待大家能够多分享解一些解决实际问题的内容. 在我们 ...
在微信小程序中使用 async/await
微信小程序中有大量接口是异步调用,比如 wx.login() . wx.request() . wx.getUserInfo() 等,都是使用一个对象作为参数,并定义了 success() . fai ...
Javascript中的async await
async / await是ES7的重要特性之一,也是目前社区里公认的优秀异步解决方案.目前,async / await这个特性已经是stage 3的建议,可以看看TC39的进度,本篇文章将分享asy ...
vue 表格中有列需要异步加载_Vue中使用async/await解决异步请求问题
1.async/await场景用同步的思维来解决异步问题,当前端接口调用需要等到接口返回值以后渲染页面. 2.名词解释 async async的用法,它作为一个关键字放到函数前面,用于表示函数是一个 ...

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

一、前言

二、基于 Promise 对 request 请求进行封装

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

四、注意

五、他山之石

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

最新文章

热门文章