在做订餐大师的时候,页面上显示的数据,会存到一个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();
相关推荐
因为最近要处理一些 JSON 数据格式,所以在经过一番搜索后 最终找到了 jq 这个很棒的工具。jq 允许你直接在命令行下对 JSON 进行操作,包括分片、过滤、转换等等。 让我们通过几个例子来说明 jq 的功能: 一、输出...
eclipse项目。获取raw文件下的json文件。无需编写json数据里面key值的实体类,动态获取里面的键值对的值。并在列表显示
2017年中国最新省市区街道四级联动json文件,数据取自中国统计局(2017.7)统计数据
省市区三级联动的JSON文件数据,仅仅用于个人学习和测试,不能做商业用途
java读取json格式3层树结构数据,目前代码是能读到树的3层,可以继续在代码里面添加读取层数。
基于HTML5+CSS3的一个小程序,适合新手学习,主要用了跨域取json的方法
用ajax与后台交互,把数据拼接成json格式返回到前端,再用插件实现三级联动效果
练习笔记《Delphi XE8 IDHTTP1.get()方法從Servlet 服务器取json数据.doc》。 已经实现基本的 提交 新增、修改、删除、查询SQL命令功能。 开发环境: WIN7(TW) + ECLIPSE LUNA4.4 + MSSQL 2008R2 + JDK1.7.0.55 + ...
linux 命令行 处理JSON数据,把JSON字符串转为JSON对象,进行处理。 下载后修改为可执行: chmod 755 jq 适合LINUX下的脚本编写,例子: cat 2.txt 内容如下: { "name":"linws", "age":123, "class":"一年级" } ...
用C语言解析和组装JSON数据(string或从文件读取): ,并且能取某个item值 。 我在vs2010上运行成功,附件为整个工程 。 (注:如果工程有编译上的error之类的,像fopen、fprintf: 可以修改: 选项Project | ...
Unicode表情符号JSON 该库的主要目的是提供JSON格式的JSON格式的Emoji数据的最新版本,并提供许多易于使用的文件结构。细节仅RGI 此数据不包含最低限度和不合格的表情符号。 RGI:推荐用于通用交换。 表情符号的子集...
包括: 心率静息心率心率变异性脚步航班爬升骑行距离Heartbridge从应用程序(通过HTTP)接收数据,将其自动导出到您选择的目录(CSV或JSON格式),并根据其覆盖的运行状况数据类型和日期范围自动命名文件。...
json是一种取代xml的数据结构,和xml相比,它更小巧但描述能力却很强,网络传输数据使用流量更少,速度更快。 json就是一串字符串,使用下面的符号标注。 {键值对} : json对象 [{},{},{}] :json数组 “” :双引号...
许多乡镇城市的json文件网上查不到,这里提供自己使用ArcGIS等工具生成echars可用的geojson地图文件方法,请自行取用
解析任何名称如下的文件: some_document.collection_name.collection.json 您的数据在客户端和/或服务器上可用(取决于放置json文件的位置) 像这样访问数据var MyCollection = JSONCollections.collection_name ...
地震数据该程序使用Plotly创建地图,以绘制过去30天内全球所有地震的地图。 可视化功能显示标记的大小取决于地震的大小(标记越大,震级越大)。 标记也涂有颜色以反映严重性。... 数据取自美国地质调查局。
jakarta-oro.jar commons-net-1.4.1.jar 博文链接:https://firezhfox.iteye.com/blog/1913128
解包Zepp Life软件直接获取其数据库,以便于我们查看小米手环具体测了我们身体的哪些数据。...欢迎直接私信博主,里面我放置了一个json5的文件里面就是date_data的数据,便于分析,有注释欧(所以采用json5的文件)~
跟XML类似,JsonReader也可以解析文件中的JSon数据,下面的例子是从帮忙文档中取下来的
环境:vs2019、.net 4.6。 WinForm窗体程序中使用CefSharp获取加载后的资源、截取request参数、拦截response数据、注入jquery文件和js代码。有问题可联系q369628105