在开发
中
，当一个列表页面加载完成后，我需要根据列表每一项的id去服务器端获取对应的数据然后再把获取的数据赋给当前id对应的标签。
我有一系列的商品编号，我需要根据商品编号通过
ajax
到服务器获取商品对应的名称，然后再用js更新界面(实际
中
的业务当然不是获取商品名称这么简单)
二、实现方案
2.1 错误方案
一般情况下，我们会直接想到，直接写个for
循环
，在
循环
内发起
ajax
...
问题描述：需要批量访问百度地图API获取地址对应的经纬度。原代码如下图，因为for
循环
会在主线程执行完，而
ajax
请求
作为异步任务不会进入主线程而会进入任务队列，在主线程执行完后再执行任务队列，所以每次
ajax
执行的时候
参数
都是最后一条数据。
var data=[
{id:'1',address:'上海市南汇区泥城镇海关村957号'},
{id:'2',address:'上海市浦东...
for
循环
数组调用同一
接口
传入不同 id 获取数据，改装数组实现需求。由于
接口
比较特殊，同时多次调用不稳定，for
循环
调
接口
会变成异步执行会报错，所以需要等待上一个
请求
完成再执行下一次
请求
，可以采用 for
循环
+ promise + async await 实现。使用定时器模拟
请求
：
打印结果：...
一般来说 我们for
循环
调用后端
接口
， 数组需要
返回
的数据填充，但是
返回
后 发现 数组
中
的数据并没有
接口
返回
的数据， 本人在vue项目
中
就遇到了这个问题，比如
test(arr) {
for (let i = 0; i < (arr.length - 1); i++) {
let url = arr[i].dataUrl;
if (url != null) {
let data = this.getData(url);
