以很好的方式显示返回的JSON对象

时间:2014-02-09 18:50:52

标签: jquery json

我想知道是否有办法从我的服务器显示返回的json对象是一种很好/令人愉快的方式。 IE只是在我的网页上显示它而不是我现在的警报。

            success: function (data, textStatus, jqXHR) {
            alert(data.details + '\nHello ' + data.clientInfo.firstName + ' ' + data.clientInfo.lastName + '. \nBalance:' + data.clientInfo.balance);
        }

这就是我现在所拥有的。我未能将数据显示在我的网页上。任何提示/提示/建议。

谢谢。

2 个答案:

答案 0 :(得分:1)

使用JSONViewer

或者如果你想以编程方式格式化它,那么按照以下方式

程序化格式化解决方案:

许多现代浏览器(包括IE8)(For Detailed Support List)支持的JSON.stringify方法可以输出更好的可查看JSON字符串:

JSON.stringify(jsObj, null, "\t"); 
JSON.stringify(jsObj, null, 5);   

为您的代码提琴:Sample JSON OUTPUT

答案 1 :(得分:0)

使用模板绑定直接显示json内容会很不错。您必须使用如下所示的类属性创建模板。我从Knockout复制了样本。

<h2>Participants</h2>
Here are the participants:
<div data-bind="template: { name: 'person-template', data: buyer }"></div>
<div data-bind="template: { name: 'person-template', data: seller }"></div>

<script type="text/html" id="person-template">
    <h3 data-bind="text: name"></h3>
    <p>Credits: <span data-bind="text: credits"></span></p>
</script>

<script type="text/javascript">
 function MyViewModel() {
     this.buyer = { name: 'Franklin', credits: 250 };
     this.seller = { name: 'Mario', credits: 5800 };
 }
 ko.applyBindings(new MyViewModel());
</script>

您还可以使用任何其他模板技术。