码迷,mamicode.com
首页 > Web开发 > 详细

JSON基础使用

时间:2015-05-20 18:18:18      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:

1)JSON概念

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

相比 XML 的不同之处

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

2)JSON基本语法

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

  名称对应值示例:

单个名称/值:

"firstName" : "John"

多个名称/值:

{ "firstName":"John" , "lastName":"Doe" }

多个对象数组:

{
"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }
]
}

 

    值的种类:

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

 

3)文件类型

  • JSON 文件的文件类型是 ".json"
  • JSON 文本的 MIME 类型是 "application/json"

4)示例:

<p>First Name: <span id="fname"></span></p> 

<script type="text/javascript">
var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];
employees[1].firstName="Jobs";
document.getElementById("fname").innerHTML=employees[1].firstName;
</script>
<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 + ")");

document.getElementById("fname").innerHTML=obj.employees[1].firstName 
document.getElementById("lname").innerHTML=obj.employees[1].lastName 
</script>

 

5)提示

 eval() 函数可编译并执行任何 JavaScript 代码。这隐藏了一个潜在的安全问题。

 

JSON基础使用

标签:

原文地址:http://www.cnblogs.com/kandyvip/p/4517705.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!