Angularjs Ionic/Angular js解析来自服务器的JSON数据

如何使用Ionic/Angular js从服务器解析JSON对象？从/js文件夹加载json时，这是我的工作：

var rssApp = angular.module('myApp', []);
rssApp.controller('datas', ['$scope', '$http', function($scope,$http) {
$http.get("js/data.json") // <=== this
  .then(function (response) 
  {
   $scope.dat = response;
  });
}]);

var rssApp=angular.module（'myApp'，[]）； rssApp.controller（'datas'，['$scope'，'$http'，函数（$scope，$http）{

---

$http.get（“js/data.json”）/分析您到目前为止所做的工作，我认为您的数据是作为一个数组从Web服务器返回的，因为您的代码是空的。因此，您应该将响应[0]分配给$scope.dat

var rssApp = angular.module('myApp', []);
rssApp.controller('datas', ['$scope', '$http', function($scope,$http) {
$http.get("http://localhost/data.json") //<== this 
  .then(function (response) 
  {
   $scope.dat = response[0];
  });
}]);

var rssApp=angular.module（'myApp'，[]）； rssApp.controller（'datas'，['$scope'，'$http'，函数（$scope，$http）{

---

$http.get（“http://localhost/data.json“/”/分析您迄今为止所做的工作，我认为您的数据将作为数组从Web服务器返回，因为您的代码将变为空白。因此，您应该将响应[0]分配给$scope.dat

var rssApp = angular.module('myApp', []);
rssApp.controller('datas', ['$scope', '$http', function($scope,$http) {
$http.get("http://localhost/data.json") //<== this 
  .then(function (response) 
  {
   $scope.dat = response[0];
  });
}]);

var rssApp=angular.module（'myApp'，[]）； rssApp.controller（'datas'，['$scope'，'$http'，函数（$scope，$http）{ $http.get（“http://localhost/data.json首先 Angular的

$http

承诺响应

从服务器返回的数据将位于

data

属性中

从角度文档：

响应对象具有以下属性：

• data

  –{string | Object}–使用 `变换函数

• 状态

  –{number}–响应的HTTP状态代码

• headers

  –{function（[headerName]）}–Header getter函数

• config

  –{Object}–用于生成请求的配置对象。

  statusText

  –{string}–响应的HTTP状态文本

您还需要确保端点指向正确的资源。 也就是说，如果

data.json

在应用程序文件中，那么路径将是

path/to/data.json

。这应该很容易识别，因为您将在响应对象中获得404状态代码

解决方案 因此，您可能需要执行以下操作：

var endpoint = "path/to/data.json";
$http.get(endpoint).then(function (response) {
   $scope.dat = response.data;
});

还有一件事 另外，如果有疑问，请使用用户

console.debug（response）；

，这将允许您首先检查响应对象。

Angular的

$http

承诺响应

从服务器返回的数据将位于

data

属性中

从角度文档：

响应对象具有以下属性：

• data

  –{string | Object}–使用 `变换函数

• 状态

  –{number}–响应的HTTP状态代码

• headers

  –{function（[headerName]）}–Header getter函数

• config

  –{Object}–用于生成请求的配置对象。

  statusText

  –{string}–响应的HTTP状态文本

您还需要确保端点指向正确的资源。 也就是说，如果

data.json

在应用程序文件中，那么路径将是

path/to/data.json

。这应该很容易识别，因为您将在响应对象中获得404状态代码

解决方案 因此，您可能需要执行以下操作：

var endpoint = "path/to/data.json";
$http.get(endpoint).then(function (response) {
   $scope.dat = response.data;
});

还有一件事

---

另外，如果有疑问，用户

console.debug（响应）；

这将允许您检查响应对象。

请尝试在plunker上编写一个演示，这有助于我们更好地理解您的问题。您是否可以查看您的javascript控制台并告诉我们您是否有错误？最好是，您是否使用“”获取数据？是否有错误？是否尝试使用$resource inst$http的ead？如果您在console.log中记录您的响应，其中是否有任何内容？您应该导航到

http://localhost/data.json

使用您的浏览器。如果返回数据，则它是您的前端。如果不是，则问题是（可能）在你背后-end@the_mahasagar是的..我想从服务器获取数据；请尝试在plunker上编写一个演示，这有助于我们更好地理解您的问题。您可以查看您的javascript控制台并告诉我们您是否有错误吗？最好是，您是否使用“”获取数据？是否有错误？是否尝试使用$resourcce而不是$http？如果您使用console.log记录您的响应，其中是否包含任何内容？您只需导航到

http://localhost/data.json

使用浏览器。如果返回数据，则它是您的前端。如果不是，则问题（可能）在您的后端-end@the_mahasagar是..我想从服务器获取数据；