JSON笔记

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。
同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。
 
JSON 语法规则
    ● 数据在名称/值对中
    ● 数据由逗号分隔
    ● 花括号保存对象
    ● 方括号保存数组
(1). 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间运用 “,”(逗号)分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不须要。
(2). 数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间运用 “,”(逗号)分隔。
{
    "employees": [
        { "firstName":"John" , "lastName":"Doe" },
        { "firstName":"Anna" , "lastName":"Smith" },
        { "firstName":"Peter" , "lastName":"Jones" }
    ]
}

为了方便地处理JSON数据,JSON提供了json.js包,下载地址:http://www.json.org/json.js
在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:
    JSON字符串:
    var str1 = '{ "name": "cxh", "sex": "man" }';
    JSON对象:
    var str2 = { "name": "cxh", "sex": "man" };
   
    一、JSON字符串转换为JSON对象
    要运用上面的str1,必须运用下面的函数先转化为JSON对象:
    //由JSON字符串转换为JSON对象
    var obj = eval('(' + str + ')');
或者
    var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
    或者
    var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
    然后,就可以这样读取:
    Alert(obj.name);
    Alert(obj.sex);
    特别留心:如果obj本来就是一个JSON对象,那么运用 eval()函数转换后(哪怕是多次转换)还是JSON对象,但是运用 parseJSON()函数处理后会有疑问
    (抛出语法异常)。
   
    二、可以运用 toJSONString()或者全局函数 JSON.stringify()将JSON对象转化为JSON字符串。
    例如:
    var last=obj.toJSONString(); //将JSON对象转化为JSON字符
    或者
    var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
    alert(last);
    留心:
    上面的多个函数中,除了eval()函数是js自带的之外,其他的多个函数都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse()
    两个函数都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示
    找不到toJSONString()和parseJSON()函数,则说明您的json包版本太低。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../script/jquery-1.10.1.js"></script>
<style type="text/css">
	
</style>
<title>JavaScript处理JSON格式数据</title>
</head>
<body>
<div>
	<input type="button" id="button1" value="JavaScript处理JSON格式数据" />
	<div id="result" ></div>
</div>
<script type="text/javascript"> 
	var obj = {
		"employees": [
			{ "firstName":"John" , "lastName":"Doe" },
			{ "firstName":"Anna" , "lastName":"Smith" },
			{ "firstName":"Peter" , "lastName":"Jones" }
		]
	};
	$("#button1").click(function() {
		var strResult = "";
		for(var i=0; i<obj.employees.length; i++) {
			strResult += obj.employees[i].firstName + "&nbsp;" + obj.employees[i].lastName + "<br/>";
		}
		$("#result").html(strResult);
	})
</script>
</body>
</html>

 

你可能感兴趣的:(JSON笔记)