如何解析 WCF DataContract 对象创建的 JSON

Question

我有一个用 [DataContract] 属性装饰的对象，我的 WCF 服务将其作为 JSON 返回，如下所示：

{"GetCommentsByPostResult":[{"CommentCreated":"\/Date(1305736030505+0100)\/","CommentText":"Comment 1"},{"CommentCreated":"\/Date(1305736030505+0100)\/","CommentText":"Comment 2"},{"CommentCreated":"\/Date(1305736030505+0100)\/","CommentText":"Comment 2"}]});

我尝试使用此 jQuery 代码迭代 CommentCreated：

$(data).each(function () 
{
     alert(this.CommentCreated);
});

但我得到的只是一个带有“未定义”的警报框，因此我更改了它到：

 $(data).each(function () {

         $(this.GetCommentsByPostResult).each(function () {

                      alert(this.GetCommentsByPostResult);
         });

 });

但这仍然不起作用。我想做的是迭代 CommentCreated 并将它们扔到警报框中......

Answer 1

我不确定，但我不认为 this 会是调用 each 时的当前元素。另外，为什么要使用 jQuery 函数包装 data 变量？ jQuery 集合适用于 DOM 元素。

$.each(data.GetCommentsByPostResult, function (e) {
    alert(e.CommentCreated);
});

Answer 2

根据您获取数据的方式（库？自定义代码？），您很可能必须首先将 JSON 字符串转换为实际的 JavaScript 对象。许多浏览器都内置了执行此操作的方法，但您可能需要利用第三方库来利用那些没有现成支持的库。我会推荐 JSON-js 因为它遵循与某些浏览器内置的语法相同的语法。

var obj = JSON.parse(data);

拥有此对象后，您现在可以使用标准 JavaScript 点或括号表示法访问数据：

var comments = obj.GetCommentsByPostResult; // or...
var comments = obj['GetCommentsByPostResult'];

这两行是等效的。要迭代注释，正如您尝试做的那样，您可以尝试：

$.each(obj.GetCommentsByPostResult, function (e) {
    alert(e.CommentCreated);
});

另外，我建议使用 console.log() 而不是alert()，以及支持检查记录对象的浏览器。这将是带有 Firebug 扩展的 FireFox，或者带有其开发人员工具的 Chrome（Ctrl-Shift-J 来激活）。不确定这种类型的工具在 IE9 中的状态，但如果那里也有等效的工具，我不会感到惊讶。