从.NET Webmethod获取JSON，用于ng-repeat

debugcn 发表于 Dev

克里斯托弗·奥尔森

好吧，所以我到处寻找了一些帮助。至少从这个SO答案中可以看出：https : //stackoverflow.com/a/24657665/1223463

但是，这就是我的立场：

我从Web方法中获取了数据，并能够{{data}}在页面上简单地显示它。但是，当我尝试遍历数据（它由两个JSON对象组成）并引用其数据键时，没有任何显示。

Javascript：

angular.module("myApp", [])
            .controller("MyController", function ($scope, $http) {

                $scope.data = [];
                $scope.getData = function (item, event) {
                    $http.post('NGTest.aspx/GetGroups', { data: {} })
                        .success(function (data, status, headers, config) {
                            $scope.data = data.d;
                        });
                };

        }).config(function ($httpProvider) {

                $httpProvider.defaults.headers.post = {};

                $httpProvider.defaults.headers.post["Content-Type"] = "application/json; charset=utf-8";

            });

HTML：

<body ng-app="myApp">

    <div ng-controller="MyController" >
        <button ng-click="getData(item, $event)">Get data</button>
        <br/>

        {{data}}

        <div ng-repeat="d in data">
            {{d.ID}} a row
        </div>
    </div>
</body>

后面的代码：

[WebMethod(EnableSession = true)]
    public static string GetGroups()
    {
        return @"[{
            'ID': 1568,
                'Orgno': '282-1'
        }, {
            'ID': 1569,
                'Orgno': '8925-2'
        }]";
    }

因此，当我按下按钮时，数据显示为：[{ 'ID': 1568, 'Orgno': '282-1' }, { 'ID': 1569, 'Orgno': '8925-2' }]简单明了。但是ng-repeat部分不产生任何代码。

这是一个看似相同的小提琴：http : //jsfiddle.net/eurythmech/t9jzbm06/

我看到的一件事是它们之间的不同之处在于，在提琴中，提供了JSON数据而没有引号引起来。

这是我需要解决的问题吗？如果是这样，怎么办？

帕克曼

看来您的数据是作为字符串而不是作为对象返回的。您可以在$ http调用中添加一个eval：

$scope.getData = function (item, event) {
   $http.post('NGTest.aspx/GetGroups', { data: {} })
   .success(function (data, status, headers, config) {
       $scope.data = eval(data.d);
   });
};

更好的方法是在GetGroups方法中返回对象数组，因此ASP.NET将为您序列化它。那里有更多信息WebMethod返回JSON，但我的$ .ajax（）回调中的响应obj只是一个字符串

正如您所说，还有一件事，JSON必须对字符串使用双引号（请检查http://www.json.org/）

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

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