for循环内AJAX设async:false仍异步仅请求数组最后元素问题

• async: false配置完全没生效。目前所有主流浏览器都已经禁止在主线程发起同步XHR请求——同步请求会阻塞整个渲染线程，请求返回前页面所有交互、渲染都会卡死，体验极差，这个废弃特性已经不被支持。加上你发起的是跨域请求，CORS规范强制要求跨域XHR必须走异步模式，你写的async: false会被浏览器直接忽略，没有任何效果。
• 配置失效后所有AJAX请求都变成异步任务，for循环本身是同步逻辑，会瞬间跑完所有迭代，先把0、1、2三个log全部打印完。如果你的jQuery版本较低，对let声明的块级作用域变量引用有兼容问题，最终发起请求时取到的就会是循环最后一次赋值的元素，也就是array[2]，和你看到的现象完全吻合。

别再用同步AJAX，没有任何黑科技能绕过浏览器的限制。要实现你要的串行请求效果（上一个请求处理完再进下一次循环），用async/await写就可以，全程不阻塞页面，执行顺序和你预期完全一致：

async function sendSerialRequests() {
  for (let i = 0; i < array.length; i++) {
    const element = array[i];
    console.log(i);
    try {
      const data = await $.ajax({
        url: `https://xxx.xxxxxxxxxx.xxx.xx/${element}`,
        type: 'GET'
      });
      // 这里写原来success回调里的业务逻辑，直接用data处理即可
    } catch (err) {
      // 按需处理请求报错
      console.error('请求失败', err);
    }
  }
}

sendSerialRequests();

该写法要求jQuery版本≥1.5，1.5版本之后$.ajax返回的Deferred对象原生支持await调用，不需要额外封装。

内容的提问来源于stack exchange，提问作者NoFace