zoukankan      html  css  js  c++  java
  • JSON介绍

    什么是JSON

      JSON(JavaScript Object Notation指的是JavaScript对象表示法,是一种轻量级的文本数据交换格式。它具有自我描述性,易于机器的解析和生成,更便于我们的理解和书写。

      JSON 是使用JavaScript语法来描述数据对象,它跟 XML 一样独立于语言和平台。

        例:JavaScript中的JSON

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6 </head>
     7 <body>
     8     <h2>在JavaScript中创建JSON对象</h2>
     9     <p>
    10         Name:<span id="uname"></span><br>
    11         Age:<span id="uage"></span><br>
    12         Address:<span id="uress"></span><br>
    13         Phone:<span id="uphone"></span><br>
    14     </p>
    15     <script>
    16         var JSONObj = {
    17             "iname" : "Bill",
    18             "age" : "23",
    19             "ress" : "Fifth Avenue New York",
    20             "phone" : "123 4568 9876" 
    21         };
    22         document.getElementById("uname").innerHTML = JSONObj.iname;
    23         document.getElementById("uage").innerHTML = JSONObj.age;
    24         document.getElementById("uress").innerHTML = JSONObj.ress;
    25         document.getElementById("uphone").innerHTML = JSONObj.phone;
    26     </script>
    27 </body>
    28 </html>

     JSON 语法

      JSON.parse(text[,reviver])

        text--必需,一个有效的Json字符串

        reviver--可选,一个转换的结果函数,将为对象的每个成员调用函数

    JSON 语法规则

      JSON 具有两种结构:对象数组 ,由这两种结构嵌套和组合来表示各式各样的数据。

    JSON采用形式 :

      

      

        

        

        

    JSON与XML的比较

    • 类似XML
      • JSON 是纯文本
      • JSON 具有“自我描述性”
      • JSON 具有层级结构(值中存在值)
      • JSON 可以通过JavaScript进行解析
      • JSON 数据可使用AJAX进行传输
    • 不同之处
      • 没有结束标签
      • 更短
      • 读写速度更快
      • 能够使用内建的方法进行解析
      • 使用数组
      • 不使用保留字
  • 相关阅读:
    [VB]用API打开浏览文件夹对话框,选择文件夹
    C# 16进制与字符串、字节数组之间的转换
    DIV未知高度的垂直居中代码
    Webbrowser控件判断网页加载完毕的简单方法
    一些控制鼠标的例子!
    Kernel device tree: simplebus
    Display Serial Interface (From WIKI)
    消费提示:常见 处理器/显卡 性能排名网站 汇总
    HDMI notes From HDMI wiki
    Linux graphics stack 理解
  • 原文地址:https://www.cnblogs.com/zhen-prz/p/10457218.html
Copyright © 2011-2022 走看看