HTML5中使用JSON对象存取数据

HTML5中可以通过localStorage数据与JSON对象的转换，快速实现存储更多数据的功能。

• 将localStorage数据转成JSON对象，需要调用JSON对象的parse()方法，JSON.parse(data)。其中data就是localStorage对象获取的数据，调用该方法将返回一个装载data数据的JSON对象。
• 通过stringify()方法，将一个实体对象转换为JSON格式的文本数据，JSON.stringify(obj)。obj表示任意一个实体对象，该方法返回一个由实体对象转成JSON格式的文本数据集。

如图，要把学生信息存起来然后显示。

//点击增加按钮获取数据
function addStu(){
	var sno=$$("sno").value,
	   name=$$("name").value,
	   sex=$$("sex").value,
	   score=$$("score").value;
	//声明一个实体对象，将学生的信息当作对象的成员
	var dataSet=new Object;
	dataSet.sno=sno;
	dataSet.name=name;
	dataSet.sex=sex;
	dataSet.score=score;
	//把dataSet这个对象转换成JSON格式的文本数据
	varlist=JSON.stringify(dataSet);
	localStorage.setItem(sno,list);
	getlocalData();
}

function getlocalData(){
    var addInfo="";
    for(var i=0;i<localStorage.length,i++){
        var key=localStorage.key(i);
        //把json格式的字符串转换成JSON对象
		var dataSet=JSON.parse(localStorage.getItem(key));
		addInfo+=""+dataSet.sno +""+dataSet.name +""+dataSet.sex +""+dataSet.score +""; 
		$$("allInfo").innerHTML=addInfo; 
	}
}