JSON使用教程

说明

   JSON:Javascript对象表示法(Javascript Object Notation)。JSON是存储和交换文本信息的语法。类似XML。但比XML更小、更快、更易解析。

1、创建JSON对象,并在网页上显示信息

  JavaScript代码
  <html>
  <body>
  <h2>在 JavaScript 中创建 JSON 对象</h2>
  <!--span是内联样式,写在span元素里面的内容不换行,后面跟了个<br />换行符才会换行,这里的作用是将下面通过id获取的JavaScript对象将要显示的内容追加在此处-->
  <p>
  Name: <span id="jname"></span><br />
  Age: <span id="jage"></span><br />
  Address: <span id="jstreet"></span><br />
  Phone: <span id="jphone"></span><br />
  </p>
​
  <script type="text/javascript">
  //定义JSON对象
  //对象包含4个变量(字段),name、street、age、phone
  var JSONObject= {
  "name":"Bill Gates",
  "street":"Fifth Avenue New York 666",
  "age":56,
  "phone":"555 1234567"};
  //通过id获取JavaScript对象,并在页面中显示JSONObject中的变量值
  document.getElementById("jname").innerHTML=JSONObject.name   
  document.getElementById("jage").innerHTML=JSONObject.age
  document.getElementById("jstreet").innerHTML=JSONObject.street
  document.getElementById("jphone").innerHTML=JSONObject.phone
  </script>
​
  </body>
  </html>

结果:网页中显示

 

2、JSON的语法介绍

(1)JSON名称/值对

  名称/值对包括字段名称(在双引号中),后面写一个冒号,然后跟着字段的值:
  例子:"name":"Bill Gates" 相当于 name="Bill Gates"

(2)JSON值

  JSON的值可以是数字(整数、浮点数)、字符串(在双引号中)、逻辑值(true或false)、数组(在方括号中)、对象(在大括号中)、null(空值)

(3)JSON对象

  JSON对象写在花括号(大括号)中,对象可以包含多个名称/值对:
  { "firstname":"Bill" , "lastName":"Gates" } 相当于 firstname="Bill",lastname="Gates"

(4)JSON数组

  JSON数组写在方括号中,数组可以包含多个对象:
  {
  "employees": [
  { "firstName":"John" , "lastName":"Doe" },
  { "firstName":"Anna" , "lastName":"Smith" },
  { "firstName":"Peter" , "lastName":"Jones" }
  ]
  }
  其中employees是数组名,fistName、lastName是字段名,两个字段构成一个对象,每个对象代表一条关于某人的信息(姓和名)。

(5)JSON使用JavaScript的语法

 创建JSON对象数组、并且赋值:
 var employees = [
     { "firstname":"Bill" , "lastname":"Gates" },
     { "firstname":"George" , "lastname":"Bush" },
     { "firstname":"Thomas" , "lastname":"Carter" }
 ];
 访问数组中的变量值:
 employees[0].lastname;
 返回的内容:
 Gates

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值