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

从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();

 

     
 
 

分享到:
评论

相关推荐

    易语言正则取Json数据源码

    总结来说,这个资源是关于在易语言中使用正则表达式处理Json数据的代码示例,对于需要从Json数据中提取信息的易语言开发者来说,这是一个非常实用的学习材料。通过阅读和理解这段源码,开发者可以提升自己在处理网络...

    易语言正则取Json数据

    在本主题中,“正则取Json数据”是指使用正则表达式从Json格式的数据中提取所需信息。Json(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛应用于服务器与客户端之间的数据传输。 正则表达式...

    全国省市区地图的对应json文件

    在Echarts中,这样的json文件可以方便地创建交互式和动态的地图图表,为数据分析和展示提供强大的支持。 首先,我们要了解Echarts。Echarts是一款由百度开发的开源JavaScript图表库,它提供了丰富的图表类型,如...

    jQuery读取json数据

    在Web应用程序中,JSON经常被用作服务器与客户端之间传输数据的主要方式,因为它可以直接被JavaScript语言解析,无需额外的转换。 jQuery提供了一个强大的`$.ajax()`函数,它是处理所有Ajax请求的核心方法。通过这...

    读取json文件切割图集

    "读取json文件切割图集"是一个针对这个需求的Python脚本,用于从json配置文件中解析信息,并根据指定规则对图集进行切割,以便于单独使用每个图像。本文将详细讲解这个过程涉及的Python编程知识、json文件处理以及...

    js读取json文件片段中的数据实例

    示例代码中首先定义了一个`$.getJSON`函数,在成功获取到JSON数据后,使用`$.each`函数遍历数据中的每一个对象。在遍历的过程中,将每个对象的name、sex、address和home属性取出来,构造出一个HTML表格的一行(TR)...

    Unity3D中任意类型数据转换成json数据的方法2

    第一个方法需要指定JSON对象的名称(jsonName),第二个方法会自动取列表中第一个元素的类型名作为JSON对象的名称。这两个方法的核心是遍历列表中的每个元素,获取其所有公共属性,并将属性值转换为字符串,然后构建...

    json键/值取数据Demo

    在本文中,我们将深入探讨如何在C#中从XML文档中提取数据并将其转换为JSON格式,以实现“json键/值取数据Demo”。 首先,我们需要理解XML文档的结构。XML是一种用于标记数据的标记语言,其基本单位是元素,元素通过...

    在Shell命令行处理JSON数据的方法

    因为最近要处理一些 JSON 数据格式,所以在经过一番搜索后 最终找到了 jq 这个很棒的工具。jq 允许你直接在命令行下对 JSON 进行操作,包括分片、过滤、转换等等。 让我们通过几个例子来说明 jq 的功能: 一、输出...

    XML与JSON文件代码例子

    一个JSON文件可能看起来像这样: ```json { "name": "John", "age": 30, "city": "New York", "books": [ {"title": "Book1", "author": "Author1"}, {"title": "Book2", "author": "Author2"} ] } ``` ...

    android 动态解析获取json数据的键值对

    在本项目中,我们假设有一个JSON文件存储在项目的`res/raw`目录下,因为这个目录通常用来存放非代码的资源文件,如音频、文本或JSON文件。例如,我们有一个名为`data.json`的文件,其内容可能如下: ```json { ...

    坐标地图json以及加密的地理数据

    在地图应用中,JSON文件通常包含了地图的坐标信息、区域划分、边界等数据,这些数据经过编码后可以被Echarts这样的库解析并显示为地图。地图JSON文件可能包括各个省份、城市、区县的经纬度坐标,甚至更细致的地理...

    JS获取json文件内容并处理参考

    本示例将详细介绍如何在Web环境中使用jQuery的POST方法获取JSON文件内容,并对其进行处理。首先,我们需要理解几个关键概念: 1. **JavaScript**: 是一种广泛使用的脚本语言,主要用于网页和网络应用,负责控制用户...

    Delphi10 JSon 基本读写例子,Delphi11 JSON 读写Demo

    在IT行业中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛应用于服务器与客户端之间的数据传输,因其简洁明了的结构而备受青睐。本文将深入探讨Delphi 10和Delphi 11中对JSON进行基本读写...

    ArduinoJson库文件

    这个库使得 Arduino 开发者能够方便地处理 JSON 格式的数据,无论是从网络获取还是向远程服务发送。JSON(JavaScript Object Notation)是一种常用的数据交换格式,因其简洁和高效而被广泛应用在物联网、Web 服务和...

    易语言教学 - json模块解析/获取文本 示例源码

    这些示例会演示如何从网络获取JSON源码,然后使用易语言的JSON模块进行解析,展示如何读取和提取JSON数据。在学习过程中,你可以了解到如何正确地调用函数,传递参数,以及如何处理返回的结果。 通过这些示例源码,...

    C# 获取json字段中指定值

    以下是一些核心方法,用于从JSON字符串中获取特定字段的值: 1. `JObject.Parse`: 这个静态方法用于将JSON字符串解析成一个`JObject`实例,之后我们可以使用属性访问符来获取字段值。 ```csharp string json...

    kettle解析json串

    - 在数据处理过程中,经常需要解析JSON文件以提取所需的信息,这在Web服务数据交互、日志分析等领域尤为重要。 ### Java中解析JSON的方法 #### 1. **使用JSON Simple库** - `JSON Simple`是一个轻量级的Java库,...

    2017年最新省市区街道四级联动json文件

    2017年中国最新省市区街道四级联动json文件,数据取自中国统计局(2017.7)统计数据

    web前端跨域取JSON

    在Web开发中,"跨域取JSON"是一个重要的概念,特别是在前端开发中。"跨域"是指一个域名下的网页尝试访问另一个域名下的资源时,由于浏览器的安全策略限制,这种行为通常会被禁止,这就是所谓的同源策略(Same-origin...

Global site tag (gtag.js) - Google Analytics