摘抄之:http://www.w3school.com.cn/json/index.asp
什么是JSON ?
- JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation);
- JSON 是轻量级的文本存储和数据交换的语法格式,比 XML 更小、更快,更易解析;
- JSON 独立于语言,具有自我描述性,更易理解。
JSON转换为JavaScript 对象
<html>
<body>
<h2>在 JavaScript中创建JSON对象</h2>
<p>
姓名: <span id="s姓名"></span><br />
年龄: <span id="s年龄"></span><br />
地址: <span id="s地址"></span><br />
手机: <span id="s手机"></span><br />
</p>
<script type="text/javascript">
var obj= {
"姓名":"杜哥",
"地址":"南内环西街100号",
"年龄":50,
"手机号码":"13903510001"};
document.getElementById("s姓名").innerHTML=obj.姓名;
document.getElementById("s年龄").innerHTML=obj.年龄;
document.getElementById("s地址").innerHTML=obj.地址;
document.getElementById("s手机").innerHTML=obj.手机;
</script>
</body>
</html>
JSON 语法规则
- 数据在名称/值对中
- 数据由逗号分隔
- 花括号保存对象
- 方括号保存数组
JSON 值
- 数字(整数或浮点数)
- 字符串(在双引号中)
- 逻辑值(true 或 false)
- 数组(在方括号中)
- 对象(在花括号中)
- null
JSON 文件
- JSON 文件的文件类型是 ".json"
- JSON 文本的 MIME 类型是 "application/json"
JSON 解析器
<html>
<body>
<h2>通过 JSON 字符串来创建对象</h3>
<p>姓名: <span id="s姓名"></span><br />
手机: <span id="s手机"></span><br />
</p>
<script type="text/javascript">
var txt = '{"同学们":[' +
'{"姓名":"杜哥","手机":"18903510077" },' +
'{"姓名":"李姐","手机":"18603510008" },' +
'{"姓名":"范爷","手机":"13903550001" }]}';
var obj = eval ("(" + txt + ")");
document.getElementById("s姓名").innerHTML=obj.同学们[2].姓名;
document.getElementById("s手机").innerHTML=obj.同学们[2].手机;
</script>
</body>
</html>
较新的浏览器和最新的 ECMAScript (JavaScript) 标准中均包含了原生的对 JSON 的支持。
Web 浏览器支持 | Web 软件支持 |
---|---|
|
|
<html>
<body>
<h2>通过 JSON 字符串来创建对象</h3>
<p>姓名: <span id="s姓名"></span><br />
手机: <span id="s手机"></span><br />
</p>
<script type="text/javascript">
var txt = '{"同学们":[' +
'{"姓名":"杜哥","手机":"18903510077" },' +
'{"姓名":"李姐","手机":"18603510008" },' +
'{"姓名":"范爷","手机":"13903550001" }]}';
obj = JSON.parse(txt);
document.getElementById("s姓名").innerHTML=obj.同学们[1].姓名;
document.getElementById("s手机").innerHTML=obj.同学们[1].手机;
</script>
</body>
</html>