AngularJS 1控制器中获取特定JSON键值问题求助

嘿，我来帮你排查下问题～ 你现在的核心问题是对AngularJS的$http服务返回值理解有点偏差，咱们一步步来理清楚：

问题根源 #

你在Service的then回调里返回的data，其实是AngularJS封装的HTTP响应对象，而不是后端直接返回的JSON数据。这个响应对象里包含了data（真正的JSON内容）、status（状态码）、headers等属性。所以你现在拿到的“完整JSON数据”其实是整个响应对象，直接去取特定节点自然会找不到。

修改你的Service代码 #

咱们把Service里的回调逻辑调整一下，直接返回响应对象里的data属性，也就是后端返回的纯JSON：

app.service("AppService", function($http) {
  return {
    network: [],
    getAllService: function(network){
      return $http({
        method: 'GET',
        url: 'http://99.126.4.6:3200/app/json/allDatas',
        headers: {'Content-Type': 'application/json'}
      })
      .then(function(response) {
        // 重点：这里返回response.data，才是后端给的JSON数据
        return response.data;
      })
    }
  };
});

在控制器中正确获取特定节点 #

接下来在你的控制器里调用这个Service，就能拿到纯JSON数据，然后直接访问你需要的节点了：

app.controller('YourController', function(AppService) {
  // 调用Service的方法
  AppService.getAllService()
    .then(function(jsonData) {
      // 先打印完整数据确认结构
      console.log('完整JSON数据:', jsonData);
      
      // 比如你要取某个特定节点，比如jsonData.userInfo或者jsonData.list[0]
      // 替换成你实际需要的键名就行
      console.log('特定节点数据:', jsonData.yourTargetNode);
    })
    .catch(function(error) {
      // 别忘了处理请求失败的情况
      console.error('请求出错啦:', error);
    });
});

额外小提示 #

• 先通过console.log(jsonData)确认后端返回的JSON结构，避免键名拼写错误或者层级搞错（比如嵌套的节点要jsonData.parent.child这样逐层访问）
• 如果想把数据存在Service的network数组里，可以在then回调里把response.data赋值给它，注意要保存好this的指向：

  getAllService: function(network){
    var self = this; // 保存Service的this指向
    return $http({/* 请求配置 */})
      .then(function(response) {
        self.network = response.data;
        return response.data;
      })
  }
  

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