吴裕雄--天生自然 JAVASCRIPT开发学习： JSON
2024-09-03 21:53:43
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <h2>为 JSON 字符串创建对象</h2>
<p id="demo"></p>
<script>
var text = '{ "sites" : [' +
'{ "name":"Runoob" , "url":"www.runoob.com" },' +
'{ "name":"Google" , "url":"www.google.com" },' +
'{ "name":"Taobao" , "url":"www.taobao.com" } ]}'; obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;
</script> </body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <h2>使用可选参数，回调函数</h2>
<p id="demo"></p>
<script>
JSON.parse('{"p": 5}', function(k, v) {
if (k === '') { return v; }
return v * 2;
});
JSON.parse('{"1": 1, "2": 2, "3": {"4": 4, "5": {"6": 6}}}', function(k, v) {
document.write( k );// 输出当前属性，最后一个为 ""
document.write("<br>");
return v; // 返回修改的值
});
</script> </body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <p id="demo"></p>
<script>
var str = {"name":"菜鸟教程", "site":"http://www.runoob.com"}
str_pretty1 = JSON.stringify(str)
document.write( "只有一个参数情况：" );
document.write( "<br>" );
document.write("<pre>" + str_pretty1 + "</pre>" );
document.write( "<br>" );
str_pretty2 = JSON.stringify(str, null, 4) //使用四个空格缩进
document.write( "使用参数情况：" );
document.write( "<br>" );
document.write("<pre>" + str_pretty2 + "</pre>" ); // pre 用于格式化输出
</script> </body>
</html>
最新文章
- Hibernate映射一对一关联关系
- MS - 1 - 把二元查找树转变成排序的双向链表
- Codeforces 738D. Sea Battle 模拟
- CodeForces 698A Vacations
- HDU-4528 小明系列故事——捉迷藏 BFS模拟
- VS(VisualStudio)中折叠代码、打开代码的快捷键
- Masonry约束崩溃
- cocos2d-x CCAction：动作(转)
- MySQL ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO
- Android 学习笔记（一）
- WPF随手小记之二 ——改变DataGrid样式
- java中使用数组和链表简单实现SJBMap
- 每天200亿次查询 – MongoDB在奇虎360【转】
- （2018 Multi-University Training Contest 2）Problem G - Naive Operations
- elasticsearch 集成springboot
- zabbix 在图形中显示网络设备的接口描述
- php 异步执行脚本
- IntelliJ IDEA使用心得之Maven项目篇
- Shiro：ajax的session超时处理
- SSH上传和下载文件