zoukankan      html  css  js  c++  java
  • 初涉json

    JSON 是存储和交换文本信息的语法。类似 XML。

    JSON 比 XML 更小、更快,更易解析。

    什么是 JSON ?

    • JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)
    • JSON 是轻量级的文本数据交换格式
    • JSON 独立于语言 *
    • JSON 具有自我描述性,更易理解

    * JSON 使用 JavaScript 语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。

    JSON - 转换为 JavaScript 对象

    JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。

    由于这种相似性,无需解析器,JavaScript 程序能够使用内建的 eval()函数,用 JSON 数据来生成原生的 JavaScript 对象。

    为什么使用 JSON?

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

    使用 XML

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

    使用 JSON

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

    JSON 语法规则

    JSON 语法是 JavaScript 对象表示法语法的子集。

    • 数据在名称/值对中
    • 数据由逗号分隔
    • 花括号保存对象
    • 方括号保存数组

    JSON 值

    JSON 值可以是:

      

    • 数字(整数或浮点数)
    • 字符串(在双引号中)
    • 逻辑值(true 或 false)
    • 数组(在方括号中)
    • 对象(在花括号中)
    • null

    实例:

    • <html>
      <body>
      <h2>通过 JSON 字符串来创建对象</h3>
      <p>
      First Name: <span id="fname"></span><br /> 
      Last Name: <span id="lname"></span><br /> 
      </p> 
      <script type="text/javascript">
      var txt = '{"employees":[' +
      '{"firstName":"Bill","lastName":"Gates" },' +
      '{"firstName":"George","lastName":"Bush" },' +
      '{"firstName":"Thomas","lastName":"Carter" }]}';
      
      var obj = eval ("(" + txt + ")"); //或者obj = JSON.parse(txt);
      
      document.getElementById("fname").innerHTML=obj.employees[1].firstName 
      document.getElementById("lname").innerHTML=obj.employees[1].lastName 
      </script>
      </body>
      </html>
      

       这里提出一个关于script标签放到哪里的问题,有一个园友的解释挺清楚的

  • 相关阅读:
    jQuery的版本兼容问题
    web页面锁屏初级尝试
    mvc5之文件上传
    魔方基础入门教程
    XCube和X组件的入门级使用教程
    蔬菜大棚监控与管理 1.0版本(未完善)
    蔬菜大棚 数据库设计 0.5版本()
    记录一段存储过程
    MPU9250九轴陀螺仪--读接口数据
    MPU9250九轴陀螺仪--连接MPU9250
  • 原文地址:https://www.cnblogs.com/lingxianxia/p/4321750.html
Copyright © 2011-2022 走看看