`
qiannianhua
  • 浏览: 17905 次
社区版块
存档分类
最新评论

从JSON文件中取数据

 
阅读更多

   在做订餐大师的时候,页面上显示的数据,会存到一个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();

 

     
 
 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics