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格式的文本数据
        var list=JSON.stringify(dataSet);

        localStorage.setItem(sno,list);

getlocalData();

}

function getlocalData(){

var addInfo="";
for(var i=0;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;

}

}