HTML5中使用JSON对象存取数据



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

  • 将localStorage数据转成JSON对象,需要调用JSON对象的parse()方法,JSON.parse(data)。其中data就是localStorage对象获取的数据,调用该方法将返回一个装载data数据的JSON对象。
  • 通过stringify()方法,将一个实体对象转换为JSON格式的文本数据,JSON.stringify(obj)。obj表示任意一个实体对象,该方法返回一个由实体对象转成JSON格式的文本数据集。
如图,要把学生信息存起来然后显示。
HTML5中使用JSON对象存取数据
HTML5中使用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;

}

}
HTML5中使用JSON对象存取数据

HTML5中使用JSON对象存取数据