首页 > 代码库 > JSON介绍

JSON介绍

http://blog.csdn.net/fenghome/article/details/5738298XML和JSON 都是Web 开发的一种数据交换格式。也可以理解为是一种存储数据的方式。

JSON的数据格式:

 1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不需要。例如:
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
  2. 数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。
  例如:
var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

JSON数据的访问与增删改查:数组索引是从零开始的。
1、访问:
people.authors[1].genre // Value is "fantasy" people.musicians[3].lastName // Undefined. This refers to the fourth entry, and there isn‘t one people.programmers.[2].firstName // Value is "Elliotte"
修改:
people.musicians[1].lastName = "Rachmaninov";
下面是一个代码:
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<mce:script type="text/javascript" src="http://www.mamicode.com/js/json2.js" mce_src="http://www.mamicode.com/js/json2.js"></mce:script>
</head>

<body>
<mce:script type="text/javascript"><!--
//声明json对象
var jsonObj2={persons:[
{name:"jordan",sex:"m",age:"40"},
{name:"bryant",sex:"m",age:"28"},
{name:"McGrady",sex:"m",age:"27"}
]};
var persons=jsonObj2.persons;
var str="";
var person={name:"yaoMing",sex:"m",age:"26"};

//以下为json对象的操作,去掉注释可以查看操作结果
jsonObj2.persons.push(person);//数组最后加一条记录
jsonObj2.persons.pop();//删除最后一项
jsonObj2.persons.shift();//删除第一项
jsonObj2.persons.unshift(person);//数组最前面加一条记录 只要适合Javascript的方法都是可以用在JSON对象的数组中的!所以还有另外的方法splice( )进行crud操作! //删除
jsonObj2.persons.splice(0,2);//开始位置,删除个数

//替换不删除
var self={name:"tom",sex:"m",age:"24"};
var brother={name:"Mike",sex:"m",age:"29"};
jsonObj2.persons.splice(1,0,self,brother,self);//开始位置,删除个数,插入对象

//替换并删除
jsonObj2.persons.splice(0,1,self,brother);//开始位置,删除个数,插入对象

for(var i=0;i<persons.length;i++){
var cur_person=persons[i];
str+=cur_person.name+"‘sex is "+cur_person.sex+" and age is "+cur_person.age+"<br><br>";
}
document.writeln(str);
//转换为json文本
var myjsonobj = JSON.stringify(jsonObj2);
document.writeln(myjsonobj);

document.writeln(persons.length);


// --></mce:script>
</body>
</html>
JSON的数据传输。
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包版本太低。

JSON介绍