阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      JSON 简介

      JSON - 简介

      通过我们的编辑器,您可以在线编辑 JavaScript 代码,然后通过点击一个按钮来查看结果:

      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>阿西河前端Ï教程(axihe.com)</title>
      </head>
      <body>
      <h2>JavaScript 创建 JSON 对象</h2>
      <p>
      网站名称: <span id="jname"></span><br /> 
      网站地址: <span id="jurl"></span><br /> 
      网站 slogan: <span id="jslogan"></span><br /> 
      </p>
      <script>
      var JSONObject= {
          "name":"阿西河前端Ï教程",
          "url":"www.axihe.com", 
          "slogan":"一个助你成为全栈开发的网站"
      };
      document.getElementById("jname").innerHTML=JSONObject.name 
      document.getElementById("jurl").innerHTML=JSONObject.url 
      document.getElementById("jslogan").innerHTML=JSONObject.slogan
      </script>
       
      </body>
      </html>
      

      与 XML 相同之处

      • JSON 是纯文本
      • JSON 具有"自我描述性"(人类可读)
      • JSON 具有层级结构(值中存在值)
      • JSON 可通过 JavaScript 进行解析
      • JSON 数据可使用 AJAX 进行传输

      与 XML 不同之处

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

      为什么使用 JSON?

      对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:

      使用 XML

      • 读取 XML 文档
      • 使用 XML DOM 来循环遍历文档
      • 读取值并存储在变量中

      使用 JSON

      • 读取 JSON 字符串
      • 用 eval() 处理 JSON 字符串
      目录
      目录