Question

我想在我自己的页面上显示已解析的JSON（可能会折叠部分）。我发现使用开源json查看器的chrome扩展 - https://code.google.com/p/chrome-rest-client/source/browse/trunk/RestClient/war/workers/jsonviewer.js?r=148，但我不明白如何使用它。我为json显示创建了部分 -

<div class="json-viewer" id="jsonViewer">
</div>

并尝试使用以下代码显示它：

var json='{"q":"iphone","r":["iphone 5","iphone","обмен на iphone","iphone 4","iphone 5s"]}';
$("#jsonViewer").html(JSONViewer(json));

但它没有显示任何内容。

Answer 1

函数JSONViewer是构造函数。您必须首先实例化JSONViewer对象才能使用它：

var json='{"q":"iphone","r":["iphone 5","iphone","обмен на iphone","iphone 4","iphone 5s"]}',
jsonParser = new JSONViewer(json);
$("#jsonViewer").html(jsonParser.getHTML());

这是一个有效的傻瓜：http://plnkr.co/edit/Rfmm1QSDcc1CPxy9a2HT?p=preview

如何显示解析的json？

1 个答案: