AngularJS嵌套HTTP请求无法获取函数返回值，返回undefined

嘿，我一眼就看出你这问题出在异步请求的顺序处理上——嵌套$http很容易踩这个坑，导致拿到undefined的结果。你给出的代码片段里，第一个$http请求拿到公司数据后，应该是要遍历这些数据再发起第二个请求，但因为异步操作的特性，如果没正确处理Promise链，外层的逻辑会在嵌套请求完成前就执行，自然拿不到预期的返回值。

核心问题分析 #

$http是异步操作，它返回的是一个Promise。如果你在第一个请求的回调里嵌套第二个请求，但没有把这个内层的Promise传递出去，或者你的外层函数（如果有的话）没有等待所有异步操作完成就返回，结果必然是undefined——因为代码还没等到请求响应就已经执行完返回步骤了。

修复方案：用Promise链+$q.all处理并行请求 #

不要嵌套$http，而是把多个异步请求整理成Promise数组，用$q.all等待所有请求完成后再统一处理结果，这样能保证所有数据都准备好后再执行后续逻辑。

重构后的代码示例：

bmgApp.controller('cmpUserSoftwares', function($scope, $http, $q) {
  $scope.records = {};
  $scope.softwareDetails = []; // 存储嵌套请求的最终结果

  // 第一步：获取公司基础数据
  $http({
    method: 'GET',
    url: 'http://megabot/mautonew/wp-json/bmg-comp-listing/v1/company/1'
  }).then(function successCallback(response) {
    $scope.records = response.data;
    // 生成所有需要发起的软件详情请求Promise
    const softwareRequestPromises = [];
    
    // 假设$scope.records是数组，遍历每个条目生成请求
    for (let i = 0; i < $scope.records.length; i++) {
      const targetSoftwareId = $scope.records[i].software_id; // 替换成你实际的字段名
      softwareRequestPromises.push(
        $http({
          method: 'GET',
          url: `http://megabot/mautonew/wp-json/bmg-comp-listing/v1/software/${targetSoftwareId}`
        })
      );
    }
    // 返回Promise数组，让后续的then等待所有请求完成
    return $q.all(softwareRequestPromises);
  }).then(function(allSoftwareResponses) {
    // 所有嵌套请求完成后，处理返回的数据
    $scope.softwareDetails = allSoftwareResponses.map(res => res.data);
    console.log('所有请求完成，数据已就绪:', $scope.softwareDetails);
  }).catch(function(error) {
    // 捕获任何一个请求失败的情况，避免流程崩溃
    console.error('请求过程出错:', error);
  });
});

关键注意事项 #

• 一定要注入$q服务：它是AngularJS用来处理Promise集合的工具，$q.all会等待数组里所有Promise都resolve后才会触发下一个then。
• 不要忽略错误处理：用.catch()捕获请求失败的情况，避免某个请求出错导致整个数据流程卡住。
• 适配你的数据结构：如果$scope.records不是数组（比如是对象），要改用Object.keys($scope.records).forEach(...)来遍历。

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