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,
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;
}
}