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

维克拉姆·辛格

这是我的JSON数据Content.json

[{
    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文件

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'
            }
        };

}]);

在警报中,我得到:

Localhost:8080说:

[{
    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
}];

我期望的是

Localhost:8080说:

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],
Sanket tarodekar

通过实现您的代码,我在警报中得到了[object,object] [object,object] [object,object]。请再次检查JSON。

如果需要[object,object]结构,则可以通过JSON.parse(response.data)解析数据。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在laravel上以对象形式返回数据类别?

来自分类Dev

如何在iOS中解析JSON数据

来自分类Dev

如何在AngularJS中更改JSON数据

来自分类Dev

如何从赛普拉斯中以对象的形式连续获取所有数据?

来自分类Dev

如何在 Ios 中解析数组数据中的嵌套 Json 对象

来自分类Dev

如何在JavaScript中解析JSON对象

来自分类Dev

如何在 Azure 数据资源管理器中解析复杂的 json 对象

来自分类Dev

如何在scala中解析数据框中的json列

来自分类Dev

如何重置嵌套对象形式的angularjs?

来自分类Dev

如何在AngularJS中更新json文件中的数据?

来自分类Dev

如何在Kotlin MVVM数据绑定中解析Json

来自分类Dev

如何在Delphi 10.3中解析此json数据?

来自分类Dev

ServiceStack ORMLite如何在查询中解析JSON数据

来自分类Dev

如何在Windows Phone 8中解析Json数据

来自分类Dev

如何在Android中解析特定的JSON数据?

来自分类Dev

如何在Objective C中解析Wikipedia的JSON数据?

来自分类Dev

如何在Android中解析我的JSON数据

来自分类Dev

如何在Android中解析多级JSON数据

来自分类Dev

如何在 Ionic2 框架中解析 Json 数据?

来自分类Dev

如何在 Swift 中解析 JSON 数据并消除重复项?

来自分类Dev

如何在angularjs的控制器中输出json数据

来自分类Dev

如何在angularjs中显示JSON列表数据

来自分类Dev

如何在angularjs中显示JSON列表数据

来自分类Dev

如果密钥是可变的,如何在angularJS中显示JSON数据?

来自分类Dev

如何在angularjs成功函数中显示JSON数据?

来自分类Dev

如何在angularjs中从php获取json数据

来自分类Dev

如何在 angularjs 控制器中获取 json 数据

来自分类Dev

如何在Java中从数据库制作JSON对象?

来自分类Dev

如何在php中读取json数据索引对象

Related 相关文章

  1. 1

    如何在laravel上以对象形式返回数据类别?

  2. 2

    如何在iOS中解析JSON数据

  3. 3

    如何在AngularJS中更改JSON数据

  4. 4

    如何从赛普拉斯中以对象的形式连续获取所有数据?

  5. 5

    如何在 Ios 中解析数组数据中的嵌套 Json 对象

  6. 6

    如何在JavaScript中解析JSON对象

  7. 7

    如何在 Azure 数据资源管理器中解析复杂的 json 对象

  8. 8

    如何在scala中解析数据框中的json列

  9. 9

    如何重置嵌套对象形式的angularjs?

  10. 10

    如何在AngularJS中更新json文件中的数据?

  11. 11

    如何在Kotlin MVVM数据绑定中解析Json

  12. 12

    如何在Delphi 10.3中解析此json数据?

  13. 13

    ServiceStack ORMLite如何在查询中解析JSON数据

  14. 14

    如何在Windows Phone 8中解析Json数据

  15. 15

    如何在Android中解析特定的JSON数据?

  16. 16

    如何在Objective C中解析Wikipedia的JSON数据?

  17. 17

    如何在Android中解析我的JSON数据

  18. 18

    如何在Android中解析多级JSON数据

  19. 19

    如何在 Ionic2 框架中解析 Json 数据?

  20. 20

    如何在 Swift 中解析 JSON 数据并消除重复项?

  21. 21

    如何在angularjs的控制器中输出json数据

  22. 22

    如何在angularjs中显示JSON列表数据

  23. 23

    如何在angularjs中显示JSON列表数据

  24. 24

    如果密钥是可变的,如何在angularJS中显示JSON数据?

  25. 25

    如何在angularjs成功函数中显示JSON数据?

  26. 26

    如何在angularjs中从php获取json数据

  27. 27

    如何在 angularjs 控制器中获取 json 数据

  28. 28

    如何在Java中从数据库制作JSON对象?

  29. 29

    如何在php中读取json数据索引对象

热门标签

归档