JSON格式页面展示美化方法

｛"name": "monkey","age": "24","height": 164.0}

如果想让以上son字符串在页面上展示的比较易读，即变成下面的style:

｛
"name": "monkey",
"age": "24",
"height": 164.0cm
}

本文介绍的方法基于javascript ，代码如下：

<html><head>/
//style中是css代码<style type="text/css">
body
{white-space: pre;
font-family: monospace;
}
</style>　　
／／script中是javascript代码<script>window.error_id_msgs = <%= error_id_msgs | raw %>;function myFunction() {document.body.innerHTML = "";document.body.appendChild(document.createTextNode(JSON.stringify(window.error_id_msgs, null, 4)));
}　　　　　</script></head><body οnlοad="myFunction()">　//表示页面加载时调用myFunction()</body></html>

其中window.error_id_msgs是所要转换的json对象，css和myFunction结合可实现页面展示转换．

JSON格式页面展示美化方法相关推荐

php连接数据库返回数据类型,php从数据库读取数据,并以json格式返回数据的方法...
php中,从数据库读取数据,并以json格式返回数据.具体方法如下: 第一步,定义相关变量 $servername = "localhost"; $username = " ...
javascript中将字符串转换为json格式的三种方法
摘自:http://www.phpzixue.cn/detail1128.shtml javascript中将字符串转换为json格式的三种方法: json在我们js的开发过程中经常会用到像在使用a ...
shell处理curl返回数据_linux shell中curl 发送post请求json格式问题的处理方法
今天在linux中使用curl发送一个post请求时,带有json的数据,在发送时发现json中的变量没有解析出来如下 curl -i -X POST -H 'Content-type':'appl ...
把php数据转成json格式转换,php将从数据库中获得的数据转换成json格式并输出的方法...
php将从数据库中获得的数据转换成json格式并输出的方法如下所示: header('content-type:application/json;charset=utf8'); $results = ...
html js发送http请求数据格式,JS获取url参数,JS发送json格式的POST请求方法
一.获取url所有参数值 function US() { var name, value; var str = location.href; var num = str.indexOf("? ...
php将字符串转换为json格式,js中将字符串转换为json格式的三种方法
json在js的开发过程中经常会用到,像在使用ajax开发的项目过程中,经常需要将json格式的字符串返回到前端,前端解析成json对象. 下面为大家介绍下将字符串转换为json对象的三种常用的方法: ...
步步为营：Asp.Net序列化Json格式的两种方法
过去我们使用JSON.net序列化一个对象,在asp.net3.5中已经集成了序列化对象为json的方法. 我们分别针对System.Runtime.Serialization.Json和System ...
将网址url中的参数转化为JSON格式的两种方法
在我们进入主题前,我先先看下获取网址URL的方法: window.location.href // 设置或获取整个URL为字符串 window.location.hash // 设置或获取href属性 ...
django返回json格式的数据的方法
需求问题描述: 在使用ajax时,回调函数需要接受多个参数,查询资料,得知使用json格式的数据比较好(当然也可以使用xml).由于项目使用的是django,这就牵扯到django后端如何传输json ...

JSON格式页面展示美化方法

JSON格式页面展示美化方法相关推荐

最新文章

热门文章