JavaScript多服务器方法调用优化：Promise改写嵌套Ajax失败求助

你原有的嵌套Ajax串行调用虽能正常运行，但三个请求依次等待导致总耗时过长。尝试用Promise.all并行改造时出现失效问题，核心错误点如下：

• 你往promises数组中塞入的是函数，但Promise.all要求接收Promise实例数组，这些函数从未被执行，异步请求自然未触发。
• 用全局变量dataA/dataB/dataC存储结果的方式既不规范，也无法保证在Promise.all回调中拿到正确值。
• 原代码里的$.ajax未返回Promise对象，无法被Promise.all识别处理。

修正后的代码 #

jQuery的$.ajax本身返回兼容Promise的jqXHR对象，直接利用这一点改造即可：

function LoadMAData(sessionId) {
  // 定义三个并行的Promise请求
  const promiseA = $.ajax({
    url: 'Home/GetDataA',
    type: 'GET',
    dataType: 'json',
    data: { sessionId: sessionId }
  });

  const promiseB = $.ajax({
    url: 'Home/GetDataB',
    type: 'GET',
    dataType: 'json',
    data: { sessionId: sessionId }
  });

  const promiseC = $.ajax({
    url: 'Home/GetDataC',
    type: 'GET',
    dataType: 'json',
    data: { sessionId: sessionId }
  });

  // 等待所有请求完成，接收结果数组并传入ShowMAs
  Promise.all([promiseA, promiseB, promiseC])
    .then(([dataA, dataB, dataC]) => {
      ShowMAs(dataA, dataB, dataC);
    })
    .catch(err => {
      console.log(err.responseText || '请求出错');
    });
}

关键说明 #

1. 每个$.ajax直接返回Promise对象，三个请求会同时发送，大幅缩短总耗时。
2. Promise.all的then回调接收结果数组，通过解构赋值直接获取三个接口数据，无需额外全局变量。
3. 统一用catch处理所有请求的错误，替代原嵌套逻辑中的单个error回调，代码更简洁健壮。

若需对单个请求的结果做预处理，可给对应Promise添加then：

const promiseA = $.ajax(...)
  .then(rawData => {
    // 对GetDataA返回的数据做预处理
    return processedDataA;
  });

内容的提问来源于stack exchange，提问作者Petr Žampach