分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

如何用1个小时学完 JSON?

发布时间:2023-09-06 01:45责任编辑:董明明关键词:暂无标签

W3school

↑↑↑学这个,1个小时够了。下面是节选:


代码例子1:

 1 <html> 2 <body> 3 <h2>在 JavaScript 中创建 JSON 对象</h2> 4 ?5 <p> 6 Name: <span id="jname"></span><br /> 7 Age: <span id="jage"></span><br /> 8 Address: <span id="jstreet"></span><br /> 9 Phone: <span id="jphone"></span><br />10 </p>11 12 <script type="text/javascript">13 var JSONObject= {14 "name":"Bill Gates",15 "street":"Fifth Avenue New York 666",16 "age":56,17 "phone":"555 1234567"};←JSON 可通过 JavaScript 进行解析。18 document.getElementById("jname").innerHTML=JSONObject.name19 document.getElementById("jage").innerHTML=JSONObject.age20 document.getElementById("jstreet").innerHTML=JSONObject.street21 document.getElementById("jphone").innerHTML=JSONObject.phone22 </script>23 24 </body>25 </html>

代码例子2:

 1 <html> 2 <body> 3 <h2>通过 JSON 字符串来创建对象</h3> 4 <p> 5 First Name: <span id="fname"></span><br /> ?6 Last Name: <span id="lname"></span><br /> ?7 </p> ?8 <script type="text/javascript"> 9 var txt = ‘{"employees":[‘ +10 ‘{"firstName":"Bill","lastName":"Gates" },‘ +11 ‘{"firstName":"George","lastName":"Bush" },‘ +12 ‘{"firstName":"Thomas","lastName":"Carter" }]}‘;13 14 var obj = eval ("(" + txt + ")");←JavaScript 程序能够使用内建的 eval() 函数,用 JSON 数据来生成原生的 JavaScript 对象。15 16 document.getElementById("fname").innerHTML=obj.employees[1].firstName 17 document.getElementById("lname").innerHTML=obj.employees[1].lastName 18 </script>19 </body>20 </html>

【记忆点】

  • JSON 文件的文件类型是 ".json"
  • JSON 文本的 MIME 类型是 "application/json"
  • JavaScript 程序能够使用内建的 eval() 函数,用 JSON 数据来生成原生的 JavaScript 对象。
  • JSON 可通过 JavaScript 进行解析。
  • JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 JSON 数据转换为 JavaScript 对象,然后在网页中使用该数据。
  • 使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法。JSON 解析器只能识别 JSON 文本,而不会编译脚本。
  • 较新的浏览器和最新的 ECMAScript (JavaScript) 标准中均包含了原生的对 JSON 的支持。

类似 XML

  • JSON 是纯文本
  • JSON 具有层级结构(值中存在值)
  • JSON 可通过 JavaScript 进行解析
  • JSON 数据可使用 AJAX 进行传输

相比 XML 的不同之处

  • 没有结束标签
  • 能够使用内建的 JavaScript eval() 方法进行解析
  • 使用数组
  • 不使用保留字

如何用1个小时学完 JSON?

原文地址:https://www.cnblogs.com/dlsunf/p/8573813.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved