`
anyonefeng
  • 浏览: 78600 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JSON简单入门

阅读更多
JSON(JavaScript Object Notation)一种简单的数据格式,相比xml更轻巧,易于机器生成和解析,而且传输的有效性也提高很多,现在.NET中也有一些来处理JSON的类(详细查看JSON in .NET)。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON不需要任何的API或者工具包。
      JSON的规则很简单:对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔,具体细节参考(http://www.json.org/json-zh.html)

      1.、在JavaScript中创建一个JSON的对象

示例:

var user=

{
    "username":"andy",
    "age":20,
    "info":{"tel":"123456","cellphone":"7890"},
    "address":
    [
       {"city":"beijing","postCode":"111111"},
       {"city":"anhui","postCode":"222222"}
    ]
}

      我们定义了一个user对象,拥有username, age, info, address 等属性,我们看到,JSON的定义中是容许进行嵌套的,现在我们来访问下这个user对象的一些属性的值,如下:

alert('user.username:'+user.username);

alert('user.age:'+user.age);

alert("tel:"+user.info.tel+";cellphone:"+user.info.cellphone);

alert(user.address[0].city);                                  

      下面我们来修改user对象的一些属性的值,如下:

        user.username="newName";
        alert(user.username);

      2、JavaScript中有的eval函数

      通过eval函数可以将具有JSON格式的字符串转换为JSON对象

示例:

       var jsonStr='{"name":"wudan","age":"20"}';        //定义一个json格式的字符串
       var jsonObj=eval_r('('+jsonStr+')');                //利用eval方法将json结构的字符串转换为JSON类型,以供读取数据
       alert(jsonObj.name);                              //读取属性

      3、利用JSON提供的js包处理json数据(toJSONString方法和parseJSON方法)

      JSON提供了json.js包,下载http://www.json.org/json.js 后,将其引入后就可以使用其提供的toJSONString()方法了,toJSONString方法可以将一个object对象转换为具有JSON格式的字符串(这样我们可以很方便的对数据进行处理了),我们也可以通过上面的evel函数再将字符串转换为JSON对象进行访问

        示例:

       //定义一个对象

       function Car(make,model,year,color)
       {
             this.make=make;
             this.model=model;
             this.year=year;
             this.color=color;
       }

       function showCar()
       {
             var carObj=new Car("Doge","Cornet",1968,"yellow");
             alert(typeof(carObj));  //object类型
               
             //首先利用toJSONString方将一个object类型转换为一个JSON结构的一个字符串
             var Obj=carObj.toJSONString();
             alert(typeof(Obj));     //String类型
               
            //利用eval方法将一个json结构的字符串转换为一个json类型数据,以供读取其中的数据
            var jsonObj=eval_r('('+Obj+')');
            alert(typeof(jsonObj)); //object类型
           //访问对象属性
           alert(jsonObj.make);
       }

      另外,json.js中的还提供了parseJSON()方法,此方法和JavaScript的evel方法作用一样,都是将JSON格式的字符串转换为JSON对象

示例:

       //parseJSON()方法:将字符串转换为JSON对象
       function parseJsonTest()
       {
              var str='{"name":"wudan","age":"20"}';
              var obj=str.parseJSON();
              alert(obj.name);
       }

      怎样?是不是感觉很方便很简单呀,哈哈,不错,就是这样的简单!,对于简单的数据类型我们完全可以JSON进行处理,不用像解析xml那样的复杂繁琐了。

      我们来总结下吧,这里我们主要讲了JavaScript中如何定义一个JSON对象以及JSON对象的格式,然后讲到JavaScript中用于处理JSON的函数evel()函数(功能是将一个JSON格式的字符串转换为JSON对象),最后我们还讲到了json提供的js包中的两个函数toJSONString()方法和parseJSON()方法。

              eval方法:用于将JSON格式的字符串转换为JSON对象(属于JavaScript自带的)

              parseJSON方法:用于将JSON格式的字符串转换为JSON对象(json的js中提供的)

              toJSONString方法:用于将一个object对象转换为一个具有JSON格式的字符串(json的js中提供的)
分享到:
评论

相关推荐

    json初学入门教程

    ### JSON初学入门教程知识点详解 #### 一、JSON简介 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛应用于Web应用程序中进行数据传输。它以文本形式存储,具有简单易读的特点,并且能被...

    json入门教程入门教程

    JSON 入门教程 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于纯文本,易于人阅读和编写,同时也易于机器解析和生成。JSON 数据格式具有简单性、灵活性和跨平台、跨语言的特点,使其在 Web...

    json入门基础教程

    ### JSON入门基础教程:理解与应用 #### 一、JSON概览 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON是基于JavaScript的一个子集,它使用了...

    json入门讲解的总结

    虽然XML被广泛宣传为跨平台、跨语言的数据交换标准,但在许多情况下,XML的复杂性并不符合实际需求,尤其是对于简单的数据传递。JSON的轻便性和与JavaScript的天然兼容性,使得它在动态网页开发中迅速流行起来,成为...

    json入门

    一个简单的JSON对象可能如下所示: ```json { "name": "John", "age": 30, "city": "New York" } ``` 这个JSON对象有三个属性:`name`、`age`和`city`,每个属性都有对应的值。JSON数组则以方括号`[]`表示,...

    json 入门 案列 很简单

    在本案例中,"json 入门 案例 很简单" 提供了一个基础的实践教程,帮助初学者快速理解JSON的使用。 首先,JSON数据格式是基于键值对的,其基本结构是大括号{}包围的对象和方括号[]包围的数组。对象由一个或多个键值...

    JSONF示例,JSON入门案例,JSON

    这个简单的例子展示了JSON在Web开发中的基本应用,即作为数据交换格式,使得前端可以通过AJAX与后端进行通信,获取和处理动态数据。理解JSON的结构和解析方式对于任何Web开发者来说都是至关重要的技能,尤其是在构建...

    JSON_入门指南

    ### JSON 入门指南 #### 一、JSON 概述 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛应用于网络传输中,特别是在客户端与服务器之间的交互过程中。JSON 的设计目的是为了简化数据交换的...

    JSON入门教程.pdf

    JSON 入门教程 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人类阅读和编写,同时也易于机器解析和生成。 JSON 是基于纯文本的数据格式,天生是为 JavaScript 准备的,因此 JSON 的数据...

    Json 入门学习资料

    以下是一些关于JSON的基础知识和入门要点: 1. **JSON的结构**: JSON主要由两种基本结构组成: - 对象(Object):以花括号 `{}` 包裹,内部由一系列键值对(Key-Value)构成,键和值之间用冒号 `:` 分隔,键值...

    Json入门教程详解基础

    Json 入门教程详解基础 Json 是一种轻量级的数据交换格式,相比 XML 和 HTML 片段,它提供了更好的简单性和灵活性。Json 数据格式解析简单,易于阅读和编写,可以传输简单的 String、Number、Boolean,也可以传输...

    Unity3D 3.0json处理入门教程

    本文将介绍如何使用LitJson框架进行JSON处理,这是一个专为Unity设计的简单且高效的库。 LitJson是Unity3D 3.0推荐的JSON处理框架,替代了之前的Newtonsoft JSON.NET。要在项目中使用LitJson,首先需要将LitJson....

    json 入门的指导

    例如,一个简单的GET请求返回的JSON响应可能如下: ```http HTTP/1.1 200 OK Content-Type: application/json { "id": 1, "title": "我的第一篇文章", "content": "这是文章的内容..." } ``` ### JSON与数据库...

    JSON入门教程-非常实用的JSON课件

    ### JSON入门教程——非常实用的JSON课件 #### 一、JSON简介 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它基于一种简单的数据结构:对象和数组,易于人阅读和编写,同时也易于机器解析和...

    json入门,适合初学者

    JSON,全称JavaScript ...通过学习提供的“json入门”文档,初学者可以系统地了解JSON的基本概念、语法,并逐步掌握如何在实际项目中使用JSON进行数据交换。在实践中不断练习,才能真正熟练掌握这一重要的数据格式。

    JSON_入门指南,格式处理

    ### JSON入门指南与格式处理详解 #### 一、引言 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,特别适用于服务器与JavaScript之间的数据交互。与XML相比,JSON的解析更为简单快捷,能够显著提高...

    经典简单json入门

    ### 经典简单的JSON入门详解 #### JSON简介 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,因其简洁性和易读性而被广泛应用于Web应用的数据传输中。相较于XML等其他数据交换格式,JSON的优势...

    JSON入门--WORD文档

    了解了这些基本概念后,你可以通过实践操作,比如编写一个简单的服务器,返回JSON数据,然后在客户端使用JavaScript解析并显示这些数据,以加深对JSON的理解。在实际工作中,熟练掌握JSON的使用将大大提高开发效率,...

Global site tag (gtag.js) - Google Analytics