本文摘自PHP中文网，作者不言，侵删。
在项目中我们需要将json数据直接显示在页面上，但是如果直接显示字符串很不方便查看，下面给大家带来了html中显示JSON数据的方法，需要的的朋友参考下吧背景：
有时候我们需要将json数据直接显示在页面上（比如在做一个接口测试的项目，需要将接口返回的结果直接展示），但是如果直接显示字符串，不方便查看。需要格式化一下。
解决方案：
其实JSON.stringify本身就可以将JSON格式化，具体的用法是：
1 |
|
如果想要效果更好看，还要加上格式化的代码和样式：
相关阅读 >>
html搜索框怎么设置？html搜索框input标签的使用方法实例
更多相关阅读请进入《html显示json数据》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
