在Html页面中,展示出Json格式数据,且保持缩进格式
2017-04-17 00:00
1151 查看
摘要: html,json
1.定义一个标签,给个id值。
2.用js定义一个json字符串,用jQuery给id,赋值
3.JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。
语法
参数说明:
value:
必需, 一个有效的 JSON 字符串。
replacer:
可选。用于转换结果的函数或数组。
如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:""。
如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时,将忽略 replacer 数组。
space:
可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 有可以使用非数字,如:\t。
返回值:
返回包含 JSON 文本的字符串。
1.定义一个标签,给个id值。
<pre id="requestJson"></pre>
2.用js定义一个json字符串,用jQuery给id,赋值
<script> var songResJson = { "id" : "b52c96bea30646abf8170f333bbd42b9" } $("#noJson").text(JSON.stringify(songResJson,null,2)); </script>
3.JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。
语法
JSON.stringify(value[, replacer[, space]])
参数说明:
value:
必需, 一个有效的 JSON 字符串。
replacer:
可选。用于转换结果的函数或数组。
如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:""。
如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时,将忽略 replacer 数组。
space:
可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 有可以使用非数字,如:\t。
返回值:
返回包含 JSON 文本的字符串。
相关文章推荐
- 使用Java将PDF解析成HTML页面进行展示并从页面中提取Json数据设置到Table中
- android 展示json数据中html格式的字段
- Json格式数据HTML页面中格式化显示,可折叠,可展开
- 基于javascript的JSON格式页面展示美化方法
- Jquery Ajax学习实例2-向页面发出请求,返回JSon格式数据
- 基于javascript的JSON格式页面展示美化方法
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- jquery里面调用getjson方法,将list类型转换为json格式数据,在页面迭代显示
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- 一些JSON数据格式 来自:http://json.org/example.html
- 在JSP页面中输出JSON格式数据
- html <table>表数据转 Json 格式
- 将html代码确析成json数据格式
- 用 ajax + json格式数据更新局部页面
- 如何把aspx页面中的某个控件输出成html页面(例如把一个页面中的datagrid数据输出成html格式的页面保存)
- JSON格式页面展示美化方法
- 在JSP页面中输出JSON格式数据
- web页面数据展示新想法(json)
- 通过LIBXML2解析XML后,以JSON-C格式封装数据反馈给HTML
- struts2跟easyui 示例一 后台生成json数据传到前台html页面