JS 多次请求接口，按顺序依次等待执行

需求：在开发中需要多次请求某一个相同的接口，但是不能多次请求同时执行，需要等待上一次请求结束再执行新的请求。

解决办法： 在函数名前面使用async，然后在将请求接口封装在Promise中，在调用Promise前加上await，await会等待Promise中执行到resolve时，再进行下一步操作

具体代码：

        async clickSubmit () {for (let val of this.selectedRowValue) {let params = { id: val['id'] };let monitorIndex = ['pm25', 'pm10', 'so2', 'no2', 'o3', 'co'];for (let index of monitorIndex) {params[index] = val[index];if (this.checkboxSelected.indexOf(index) === -1) {params[index + 'F'] = 'N';} else {params[index + 'F'] = 'E';}}await new Promise(resolve => {putDataAirSiteHourEdit(params).then((rel) => {if (rel.success === true) {resolve();}})})}},

效果预览：

JS 多次请求接口，按顺序依次等待执行相关推荐

偏前端 - vue-cli(axios请求数据==》token+按接口参数顺序（参数值拼接base64）- MD5)...
token+按接口参数顺序(参数值拼接base64)-> MD5) 请教于"喵咪",再此特别鸣谢!~ 特别强调:import qs from qs; 这个内部方法一定要用哦. ...
js 和 php 请求国家气象局天气预报接口的问题
想实现一个天气预报的功能: 在网上找了一大堆接口,最后发现,国家气象局是有接口的: 下面举个例子: 北京地区的接口:http://www.weather.com.cn/data/cityinfo/10 ...
Vue项目：js模拟点击a标签下载文件并重命名，URL文件地址下载方法、请求接口下载文件方法总结。
URL文件地址下载方法一.正常情况下,我们都如此下载文件并修改文件名,在a标签上面添加download属性 //文件下载downFile() {if ('download' in document. ...
js 请求接口获取不到登录cookie xhrFields 配置
请求接口获取不到登录cookie, 首先看看是否加了xhrFields没有如果加了,在看看他们加的位置对不对. 小心队友坑你就是这 xhrFields: {withCredentials: true ...
3.（基础）tornado的接口调用顺序与模板
上一节介绍了tornado的请求与响应,这一节介绍tornado的接口调用顺序和模板首先都有哪些接口呢?作用是什么呢?并且都有的时候,执行顺序是怎么样的呢? 接口 1.initialize,表示初始 ...
百度语音合成 js html,Node.js结合百度TTS接口实现文字转语音功能
今天工作的时候偶然发现了百度的TTS Restful接口(TTS是TextToSpeech,说白了就是文本转语音的功能).该接口如下,浏览器中可以直接访问: http://tts.baidu.com/ ...
ajax调用接口很慢,nodejs 请求接口在高并发下耗时很大，而单个请求非常快
情况: request.js 库请求接口, express.js 做 server ,实现了 curl http://localhost:8080/proxy-api 本地一个地址,在 router ...
vue如何封装请求接口方法
vue如何封装请求接口方法方法一首先创建一个server.js文件引入axios和qs //引入axios和qs插件 import axios from 'axios' import qs fr ...
解秘 Node.js 单线程实现高并发请求原理，以及串联同步执行并发请求的方案
最近在做一个支持多进程请求的 Node 服务,要支持多并发请求,而且请求要按先后顺序串联同步执行返回结果. 对,这需求就是这么奇琶,业务场景也是那么奇琶. 需求是完成了,为了对 Node.js 高并发 ...

JS 多次请求接口，按顺序依次等待执行

JS 多次请求接口，按顺序依次等待执行相关推荐

最新文章

热门文章