如何显示解析后的json？

Question

我想在我自己的页面上显示解析的JSON (有可能折叠部分)。我发现了带有开源json viewer - https://code.google.com/p/chrome-rest-client/source/browse/trunk/RestClient/war/workers/jsonviewer.js?r=148的chrome扩展，但我不知道如何使用它。我已经为json display创建了部分-

<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());

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