JSON

最新推荐文章于 2022-08-10 20:15:28 发布

挚诚天下

最新推荐文章于 2022-08-10 20:15:28 发布

阅读量648

点赞数

摘抄之：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 软件支持
Firefox (Mozilla) 3.5 Internet Explorer 8 Chrome Opera 10 Safari 4	jQuery Yahoo UI Prototype Dojo ECMAScript 1.5

<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>

挚诚天下

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JSON

摘抄之：http://www.w3school.com.cn/json/index.asp什么是JSON ？JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）；JSON 是轻量级的文本存储和数据交换的语法格式，比 XML 更小、更快，更易解析；JSON 独立于语言，具有自我描述性，更易理解。JSON转换为JavaS
复制链接

扫一扫