如何在网页上动态地打印JSON文本?

时间:2014-08-04 18:33:39

标签: css json format

我有一个使用Twitter Bootstrap和JQuery(核心)构建的HTML5应用程序。

它是基于REST的服务API的测试/演示前端。

在这个应用程序中,我想显示收到的JSON。在页面上,就是这样。不是控制台。

我想将JSON(漂亮的打印)格式化为更具人性化的可读性。

使用HTML,JavaScript和CSS有一种简单的方法吗?我有可以使用的组件吗?

此外,但不是那么重要,我想让用户能够输入构成请求主体的JSON。有没有办法可以动态验证JSON。再次,使用HTML,CSS和JavaScript?

更新:此问题 是重复的,可以关闭。它已在其他地方得到解答 - 我应该使用JSON.parse(),然后JSON.stringify(...) - stringify()使用JSON 对象,而不是JSON文本字符串,因此需要{ {1}}首先

1 个答案:

答案 0 :(得分:0)

我之前使用过名为Swagger的库。它将大多数组件分成单独的库,但是这个Demo显示了它在连接时的外观。

该库将以漂亮的格式打印JSON,并允许人们输入不同的请求信息。它可能对你需要的东西有点重,但有些库可能会有用。