jQuery链式AJAX多依赖调用：请求顺序与输出格式调整求助

看起来你遇到了异步请求顺序的问题——现在的嵌套写法会并行发起多个公司的部门请求，导致所有公司名称先全部输出，之后部门和员工才陆续返回。要实现你想要的「处理完一个公司的所有部门和员工，再处理下一个公司」的顺序，咱们可以用async/await来让异步操作按顺序执行，这比嵌套的done回调更清晰也更易维护。

改造后的代码示例： #

// 把原AJAX函数转为返回标准Promise（jQuery 3+可直接用，低版本需手动包装）
function getCompanies() {
  return $.ajax({ url: '.../GetCompanies' }).promise();
}

function getDepartments(companyid) {
  // 注意这里用模板字符串拼接参数，原代码里的companyid是硬编码的，要改成变量
  return $.ajax({ url: `.../GetDepartments/${companyid}` }).promise();
}

function getEmployees(deptid) {
  return $.ajax({ url: `.../GetEmployees/${deptid}` }).promise();
}

async function GetAll() {
  try {
    // 先等待获取所有公司数据
    const companies = await getCompanies();
    
    // 用for...of顺序遍历公司，await会确保处理完当前公司再走下一个
    for (const company of companies) {
      console.log(company.name); // 输出公司名称
      
      // 等待获取当前公司的所有部门
      const departments = await getDepartments(company.id);
      
      // 顺序遍历当前公司的每个部门
      for (const dept of departments) {
        console.log(dept.name); // 输出部门名称
        
        // 等待获取当前部门的所有员工
        const employees = await getEmployees(dept.id);
        
        // 输出该部门的所有员工
        for (const emp of employees) {
          console.log(emp.name);
        }
      }
    }
  } catch (error) {
    // 捕获并处理任何请求错误，避免单个失败导致整个流程中断
    console.error('请求出错:', error);
  }
}

关键细节说明： #

1. Promise转换：用.promise()把jQuery的Deferred对象转换成标准Promise，这样就能用await等待请求完成。如果你的jQuery版本低于3.0，可以手动包装成Promise：

   function getCompanies() {
     return new Promise((resolve, reject) => {
       $.ajax({
         url: '.../GetCompanies',
         success: resolve,
         error: reject
       });
     });
   }
   

2. 顺序执行的核心：使用for...of循环代替$.each，因为await在$.each的回调函数里不会阻塞循环，而for...of可以配合await实现严格的顺序处理——必须处理完当前公司的所有部门和员工，才会进入下一个公司的处理逻辑。
3. 错误处理：用try/catch包裹所有异步操作，这样任何一个请求出错时，都能捕获错误信息，同时不会影响后续代码（如果需要的话，也可以在这里添加重试逻辑）。

这样改造后，输出顺序就会完全符合你的期望：

Company1
Dept 1 ( of company 1)
Employee 1
Employee 2
Dept 2 ( of company 1)
...
Company 2
Dept 1 ( of company 2)
...

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