使用 jQuery 读取多级 JSON 文件答案

【问题标题】：Reading a Multi-Level JSON file with jQuery使用 jQuery 读取多级 JSON 文件
【发布时间】：2012-06-24 18:58:14
【问题描述】：

我被分配了一个项目并收到了一个多级 JSON 文件来读取数据。我需要使用 jQuery 来做到这一点。这是我第一次处理 JSON 文件，所以一个好的解释会有所帮助。我在任何地方都找不到好的答案，因为大多数 jQuery + JSON 教程都是针对非常非常基础的数据结构的。

这是我的 JASON 文件中的数据： http://cl.ly/0w19091v290i3p402N0B

非常感谢:)

【问题讨论】：

嗯，JASON 通常是个很难对付的人......但是，如果你只是告诉 jQuery.get “使用 JSON”，那么你会得到对应的 JSON-已经变成JS 对象：那么问题是什么？
它的美妙之处在于，一切都像简单对象一样工作。 obj["league"][0]["event"][0]["participant"][0]["name"]==="Alcorcon"
哈哈对不起，我没有注意到我写了“JASON”。无论如何，我真的不明白该怎么处理它。我要做的是在 div 中显示数据。

标签： jquery json multi-level

【解决方案1】：

您可以使用jQuery.getJSON() 来获取 JSON 数据。如前所述，它通过 ajax 获取数据并将 JSON 转换为 javascript 对象。

【讨论】：

谢谢，但是我该如何呈现呢？我可以得到一些我可以开始的代码示例吗？
@yeahmeknows 就像您提供任何其他字符串一样。很难知道你到底需要什么，但这里有一个简单的例子：jsfiddle.net/Frd6Z

【解决方案2】：

这将是来自 ajax 的响应

      success: function (doc) {                        
                    var obj = $.parseJSON(doc);
                    $(obj.league).each(function () {   // to get everything in league  
                     ...
                     });

【讨论】：

【解决方案3】：

正如 Andy 已经提到的，您可以使用jQuery.getJSON() 通过 AJAX 获取数据并将其转换为 javascript 对象。因此，您可能会获得一组 javascript 对象，您需要将它们显示在类似表格的可视结构中。为此，您可以查看JTemplates。

【讨论】：