首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在angularJS中以对象形式解析AJAX数据

如何在angularJS中以对象形式解析AJAX数据
EN

Stack Overflow用户
提问于 2016-10-25 13:07:13
回答 3查看 114关注 0票数 1

这是我的JSON数据Content.json

代码语言:javascript
运行
复制
[{
    status: "Allocated",
    count: 45
}, {
    status: "Bench",
    count: 89
}, {
    status: "Mobile",
    count: 12
}, {
    status: "Project",
    count: 1
}, {
    status: "SAP",
    count: 18
}, {
    status: "Testing",
    count: 68
}, {
    status: "vvvv",
    count: 70
}];

试图获取那个JSON文件

代码语言:javascript
运行
复制
angular.module('myApp')
 .controller('valueController', ['$scope', '$http', '$window', function ($scope, $http, $window) {

var mainInfo = null;

  $http({
    method : "GET",
    url : "/JSON/Content.json",
    dataType: 'json',
  }).then(function mySucces(response) {

     $scope.mainInfo = response.data;

      $window.alert(response.data);

    }, function myError(response) 
    {
      $window.alert(response.statusText);
  });



$scope.chartOptions = {

            dataSource: mainInfo,       

            series: {
                argumentField: "status",
                valueField: "count",
                name: "SIDG Java",
                type: "bar",
                color: '#1899dd'
            }
        };

}]);

我得到了以下警告:

本地主机:8080说:

代码语言:javascript
运行
复制
[{
    status: "Allocated",
    count: 45
}, {
    status: "Bench",
    count: 89
}, {
    status: "Mobile",
    count: 12
}, {
    status: "Project",
    count: 1
}, {
    status: "SAP",
    count: 18
}, {
    status: "Testing",
    count: 68
}, {
    status: "vvvv",
    count: 70
}];

我期待的是

本地主机:8080说:

代码语言:javascript
运行
复制
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-10-25 13:29:46

我通过实现您的代码在警报中获取对象、对象对象和对象。请再次检查JSON。

如果需要对象、对象结构,可以通过JSON.parse(response.data),解析数据。

票数 0
EN

Stack Overflow用户

发布于 2016-10-25 13:19:09

AngularJS可能无法在响应数据中检测到JSON。可能是响应中的Content-Type头不是application/json

您可以尝试将dataType: 'json'替换为$http配置中的responseType: 'json',以告诉AngularJS预期JSON响应。

票数 0
EN

Stack Overflow用户

发布于 2016-10-25 13:15:56

若要在警报中显示,请将其转换为具有JSON.stringify函数的json字符串。

票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40240853

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档