首页 > Web开发 > 详细

关于js中循环遍历中顺序执行ajax的问题(vue)

时间:2020-05-20 19:30:49      阅读:212      评论:0      收藏:0      [点我收藏+]

js里的循环,每次都是自顾自的走,它不等ajax执行好走完到success代码,就继续循环下一条数据了,这样数据就全乱了。

后来,想到试试ajax里async这个属性,async默认是true,即为异步方式,那我改为false同步,这里主要讲解的是vue中的循环遍历中ajax执行问题。

在方法前加async,在接口名前加await,这样就不会是异步调用,这样就会执行完一次ajax后才继续执行下一次循环

remoteSelected是多选框选中的数据

async writeImage(remoteSelected){
for(var key in remoteSelected) {
await webServices.post(‘/writeimage/‘, remoteSelected[key])
.then(res => {
if (res.status == ‘201‘) {
this.items.push(res.data);
console.log(res.data);
}
}).catch(error => {
this.loading = false;
});
}
}

关于js中循环遍历中顺序执行ajax的问题(vue)

原文:https://www.cnblogs.com/xiaofeilin/p/12924795.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!