在做订餐大师的时候,页面上显示的数据,会存到一个JSON文件里,那么如何从JSON文件里面取数据呢;
首先,可以从JSON文件里面直接取出数据,如下:
当JSON文件里面存放的数据为:
{"person":["赵大", "钱二", "张三", "李四", "王五", "刘六"] }
需要注意的是,json文件中的数据必须是一个大的对象,对象里面的键或值都需要用双引号引起来;
然后,就可以从JSON文件里面取数据啦:
可以用jquery中的getJSON方法取出数据,如下:
$.ajaxSettings.async = false; $.getJSON("../DATA/person.json",function(person){ //person参数就为json文件中的大对象啦 });
假设,数据存放在person的json文件中,然后再放在DATA文件夹中,要注意在引入getJSON方法时,必须先引入Jquery.min.js文件,才能获得getJSON方法,否则会报错。
这时,我们也可以把person封装成一个类,类里面包含各种方法,需要用到他们的时候,直接从类里面调用方法就好了,这样就方便多了,如下:
首先,定义一个构造函数:
function Person(person){ //类名为Person this.person = person; //perosn是他的一个属性 }
然后封装各种方法:
Person.get_person_name = function(person){ //这方法为在页面上展示所有 人的名字 return person["person"]; } Person.prototype.set_person = function(){ //这方法为把选中的人的名字保存到本地存储上 var person = this.person; localStorage.setItem("person",person); } Person.get_person = function(){ //这方法为把本地存储的人名取出来 return localStorage.getItem("person"); }
最后调用方法:
//调用获得全部人名的方法 Person.get_person_name(person); //调用存储人名的方法 var person = new Person(person); person.set_person(); //调用取人名的方法 Person.get_person();