首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >前端-JSON知识详解

前端-JSON知识详解

作者头像
grain先森
发布于 2019-03-29 03:18:43
发布于 2019-03-29 03:18:43
2.4K0
举报
文章被收录于专栏:grain先森grain先森

JSON的两种结构

JSON有两种表示结构,对象和数组。

对象结构以”{”大括号开始,以”}”大括号结束。中间部分由0或多个以”,”分隔的”key(关键字)/value(值)”对构成,关键字和值之间以”:”分隔,语法结构如代码。

{

key1:value1,

key2:value2,...

}

其中关键字是字符串,而值可以是字符串,数值,true,false,null,对象或数组

数组结构以”[”开始,”]”结束。中间由0或多个以”,”分隔的值列表组成,语法结构如代码。

[

{

key1:value1,

key2:value2

},

{

key3:value3,

key4:value4

}

]

认识JSON字符串

之前我一直有个困惑,分不清普通字符串,json字符串和json对象的区别。经过一番研究终于给弄明白了。比如在js中。

字符串:这个很好解释,指使用“”双引号或’’单引号包括的字符。例如:var comStr = 'this is string';

json字符串:指的是符合json格式要求的js字符串。例如:var jsonStr = "{StudentID:'100',Name:'tmac',Hometown:'usa'}";

json对象:指符合json格式要求的js对象。例如:var jsonObj = { StudentID: "100", Name: "tmac", Hometown: "usa" };

在JS中如何使用JSON

JSON是JS的一个子集,所以可以在JS中轻松地读,写JSON。读和写JSON都有两种方法,分别是利用”.”操作符和“[key]”的方式。

我们首先定义一个JSON对象,代码如下。

var obj = {

     1: "value1",

     "2": "value2",

     count: 3,

     person: [ //数组结构JSON对象,可以嵌套使用

         {

             id: 1,

             name: "张三"

         },

         {

             id: 2,

             name: "李四"

         }

     ],

     object: { //对象结构JSON对象

         id: 1,

         msg: "对象里的对象"

     }

};

1,从JSON中读数据

function ReadJSON() {

     alert(obj.1); //会报语法错误,可用alert(obj["1"]);说明数字最好不要做关键字

     alert(obj.2); //同上

     alert(obj.person[0].name); //或者alert(obj.person[0]["name"])

     alert(obj.object.msg); //或者alert(obj.object["msg"])

}

2,向JSON中写数据

比如要往JSON中增加一条数据,代码如下:

function Add() {

    //往JSON对象中增加了一条记录

    obj.sex= "男" //或者obj["sex"]="男"

}

增加数据后的JSON对象如图:

3,修改JSON中的数据

我们现在要修改JSON中count的值,代码如下:

function Update() {

    obj.count = 10; //或obj["count"]=10

}

修改后的JSON如图。

4,删除JSON中的数据

我们现在实现从JSON中删除count这条数据,代码如下:

function Delete() {

    delete obj.count;

}

删除后的JSON如图

可以看到count已经从JSON对象中被删除了。

5,遍历JSON对象

可以使用for…in…循环来遍历JSON对象中的数据,比如我们要遍历输出obj对象的值,代码如下:

function Traversal() {

    for (var c in obj) {

    console.log(c + ":", obj[c]);

    }

}

程序输出结果为:

在.NET中如何使用JSON

说到在.net中使用JSON,就不得不提到JSON.NET,它是一个非常著名的在.net中处理JSON的工具,我们最常用的是下面两个功能。

1,通过序列化将.net对象转换为JSON字符串

在web开发过程中,我们经常需要将从数据库中查询到的数据(一般为一个集合,列表或数组等)转换为JSON格式字符串传回客户端,这就需要进行序列化,这里用到的是JsonConvert对象的SerializeObject方法。其语法格式为:JsonConvert.SerializeObject(object),代码中的”object”就是要序列化的.net对象,序列化后返回的是json字符串。

比如,现在我们有一个TStudent的学生表,表中的字段和已有数据如图所示

从表中我们可以看到一共有五条数据,现在我们要从数据库中取出这些数据,然后利用JSON.NET的JsonConvert对象序列化它们为json字符串,并显示在页面上。C#代码如下

protected void Page_Load(object sender, EventArgs e){

    using (L2SDBDataContext db = new L2SDBDataContext())

     {

         List studentList = new List();

         var query = from s in db.TStudents

         select new {

         StudentID=s.StudentID,

         Name=s.Name,

         Hometown=s.Hometown,

         Gender=s.Gender,

         Brithday=s.Birthday,

         ClassID=s.ClassID,

         Weight=s.Weight,

         Height=s.Height,

         Desc=s.Desc

     };

    foreach (var item in query){

         Student student = new Student { StudentID=item.StudentID,Name=item.Name,Hometown=item.Hometown,Gender=item.Gender,Brithday=item.Brithday,ClassID=item.ClassID,Weight=item.Weight,Height=item.Height,Desc=item.Desc};

         studentList.Add(student);

    }

    lbMsg.InnerText = JsonConvert.SerializeObject(studentList);

    }

}

输出结果

从图中我们可以看到,数据库中的5条记录全部取出来并转化为json字符串了。

2,使用LINQ to JSON定制JSON数据

使用JsonConvert对象的SerializeObject只是简单地将一个list或集合转换为json字符串。但是,有的时候我们的前端框架比如ExtJs对服务端返回的数据格式是有一定要求的,比如下面的数据格式,这时就需要用到JSON.NET的LINQ to JSON,LINQ to JSON的作用就是根据需要的格式来定制json数据。

比如经常用在分页的json格式如代码:

{

    "total": 5, //记录总数

    "rows":[

        //json格式的数据列表

    ]

}

使用LINQ to JSON前,需要引用Newtonsoft.Json的dll和using Newtonsoft.Json.Linq的命名空间。LINQ to JSON主要使用到JObject, JArray, JProperty和JValue这四个对象,JObject用来生成一个JSON对象,简单来说就是生成”{}”,JArray用来生成一个JSON数组,也就是”[]”,JProperty用来生成一个JSON数据,格式为key/value的值,而JValue则直接生成一个JSON值。下面我们就用LINQ to JSON返回上面分页格式的数据。代码如下:

protected void Page_Load(object sender, EventArgs e){

    using (L2SDBDataContext db = new L2SDBDataContext())

{

    //从数据库中取出数据并放到列表list中

    List studentList = new List();

    var query = from s in db.TStudents

    select new

    {

        StudentID = s.StudentID,

        Name = s.Name,

        Hometown = s.Hometown,

        Gender = s.Gender,

        Brithday = s.Birthday,

        ClassID = s.ClassID,

        Weight = s.Weight,

        Height = s.Height,

        Desc = s.Desc

    };

    foreach (var item in query)

    {

    Student student = new Student { StudentID = item.StudentID, Name = item.Name, Hometown = item.Hometown, Gender = item.Gender, Brithday = item.Brithday, ClassID = item.ClassID, Weight = item.Weight, Height = item.Height, Desc = item.Desc };

    studentList.Add(student);

    }

    //基于创建的list使用LINQ to JSON创建期望格式的JSON数据

    lbMsg.InnerText = new JObject(

    new JProperty("total",studentList.Count),

    new JProperty("rows",

    new JArray(

    //使用LINQ to JSON可直接在select语句中生成JSON数据对象,无须其它转换过程

    from p in studentList

    select new JObject(

        new JProperty("studentID",p.StudentID),

        new JProperty("name",p.Name),

        new JProperty("homeTown",p.Hometown)

    )

)

)

).ToString();

}

}

输出结果为:

3,处理客户端提交的JSON数据

客户端提交过来的数据一般都是json字符串,有了更好地进行操作(面向对象的方式),所以我们一般都会想办法将json字符串转换为json对象。例如客户端提交了以下数组格式json字符串。

[

    {StudentID:"100",Name:"aaa",Hometown:"china"},

    {StudentID:"101",Name:"bbb",Hometown:"us"},

    {StudentID:"102",Name:"ccc",Hometown:"england"}

]

在服务端就可以使用JObject或JArray的Parse方法轻松地将json字符串转换为json对象,然后通过对象的方式提取数据。下面是服务端代码。

protected void Page_Load(object sender, EventArgs e){

    string inputJsonString = @"

    [

        {StudentID:'100',Name:'aaa',Hometown:'china'},

        {StudentID:'101',Name:'bbb',Hometown:'us'},

        {StudentID:'102',Name:'ccc',Hometown:'england'}

    ]";

    JArray jsonObj = JArray.Parse(inputJsonString);

    string message = @""; 

    string tpl =""; 

    foreach (JObject jObject in jsonObj) { 

        message += String.Format(tpl, 

        jObject["StudentID"],                                

        jObject["Name"],

        jObject["Hometown"]); 

    } 

    message += " StudentIDNameHometown{0}{1}{2}";

    lbMsg.InnerHtml = message; 

}

输出结果:

当然,服务端除了使用LINQ to JSON来转换json字符串外,也可以使用JsonConvert的DeserializeObject方法。如下面代码实现上面同样的功能。

List studentList = JsonConvert.DeserializeObject<List>(inputJsonString);//注意这里必须为List类型,因为客户端提交的是一个数组json

foreach (Student student in studentList){

    message += String.Format(tpl, student.StudentID,             student.Name,student.Hometown);

}

总结

在客户端,读写json对象可以使用”.”操作符或”["key”]”,json字符串转换为json对象使用eval()函数。

在服务端,由.net对象转换json字符串优先使用JsonConvert对象的SerializeObject方法,定制输出json字符串使用LINQ to JSON。由json字符串转换为.net对象优先使用JsonConvert对象的DeserializeObject方法,然后也可以使用LINQ to JSON。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.11.01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
面试问题之:JSON是什么?
JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS(JavaScript的简写)中处理XML非常不方便,同时XML标记比数据多,增加了交换产生的流量,而JSON没有附加的任何标记,在JS中可作为对象处理,所以我们更倾向于选择JSON来交换数据。这篇文章主要从以下几个方面来说明JSON。
张拭心 shixinzhang
2022/05/06
2K0
面试问题之:JSON是什么?
认真CS☀️Unity中Newtonsoft.Json的使用
通过上述描述,可知使用该类是需要相应的有一个类并且这个类是标记了[Serializable],类字段也是必须是可序列化的,私有的字段或者被标记[NonSerialized]的字段将被忽略。
星河造梦坊官方
2024/08/15
9800
认真CS☀️Unity中Newtonsoft.Json的使用
C#解析Json
目前我用到解析json数据的就只用到这个类库,用这个类库可以很方便的对于C#和JSON直接进行序列化和反序列化解析
ryzenWzd
2022/05/07
2.7K0
C#解析Json
C# json 传参发送 post 请求例子
我这边主要是在 fiddler 插件开发时使用到 post 请求,以及 json 解析
卓越笔记
2023/02/18
2.1K0
Newtonsoft.Json的使用整理
json是我们在工作中经常用到的一种数据传输格式,开始过程中解析json是我们经常面对的问题。NewtonsoftJson是c#的一套json处理封装类,它可以高效,方便地帮助我们处理json。
happlyfox
2021/05/12
3.6K1
Newtonsoft.Json.Linq 常用方法总结
Newtonsoft.Json.Linq 不支持直接获取数组,但是可以获取 List,然后再转化为数组。
丹枫无迹
2019/10/14
3.1K0
C# Json序列化工具–Newtonsoft.Json简介和使用
Newtonsoft.Json,是.Net中开源的Json序列化和反序列化工具,官方地址:http://www.newtonsoft.com/json。
全栈程序员站长
2022/11/17
3.7K0
.Net利用Newtonsoft进行解析Json的快捷方法
现在异构系统之间的数据交换多采用Json格式 .Net如何快捷地解析Json和将Object转换成json呢? 1.利用Newtonsoft解析Json字符串 在百度上查找资料,利用Newtonsoft解析Json多是把Json转换成某一特定的Object,这样的不便之处是有事需要特意为了解析该json而写一个class,对一些不规范的的Json,难以用Object来转换的,用他们的方法就不叫难行得通了。 如,需要对以下Json进行解析 { "total": 1, "rows": [
码农阿宇
2018/04/18
1.5K0
.Net利用Newtonsoft进行解析Json的快捷方法
webservice示例
所谓跨编程语言和跨操作平台,就是说服务端程序采用java编写,客户端程序则可以采用其他编程语言编写,反之亦然!跨操作系统平台则是指服务端程序和客户端程序可以在不同的操作系统上运行。
全栈程序员站长
2022/09/06
6610
前端基础-JSON
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
cwl_java
2019/12/11
8650
java list 转json 字符串_JSON的String字符串与Java的List列表对象的相互转换
2.如果是需要把前端的List对象转换为json传到后台,param是ajax的参数,那么转换如下所示:
全栈程序员站长
2022/11/02
10K0
你真的会用Python中的JSON吗,超级详细的JSON常用方法讲解,一文搞定JSON!
Python对象:通常是字典(对应于JSON对象)或列表(对应于JSON数组)。如果JSON字符串表示的是其他类型(如字符串、数字、布尔值、null),则返回相应的Python类型。
小白的大数据之旅
2024/11/20
9300
c语言解析json字符串(json对象转化为字符串)
如题,根据json字符串的难易程度,C#提供的对应解析方法也不同,现做简单的归类总结:
全栈程序员站长
2022/07/31
2.2K0
Ajax&Json笔记(1)
张哥编程
2024/12/19
2020
Java转JSON串的几种方式
昨天在与对端系统调接口的时候,对端系统对我们传过去的json串老是处理不了,后来查原因是应为我们传过去的json串里有json对象数组,因为我们的json串存在表里的,取出来是作为json字符串放到json数组里的,所以带了双引号,对端认为是字符串,不是json对象所以处理不了。[{"cardName":"bankCard1","cardCode":"888888888","cardValue":99999999},{"cardName":"bankCard2","cardCode":"999999999"
三哥
2018/06/15
1.7K0
Newtonsoft.Json C# Json序列化和反序列化工具的使用、类型方法大全
Newtonsoft.Json 是.Net平台操作Json的工具,他的介绍就不多说了,笔者最近在弄接口,需要操作Json。
痴者工良
2021/04/26
6.1K0
JSON
JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS(JavaScript的简写)中处理XML非常不方便,同时XML标记比数据多,增加了交换产生的流量,而JSON没有附加的任何标记,在JS中可作为对象处理,所以我们更倾向于选择JSON来交换数据。 JSON的两种结构 JSON有两种表示结构,对象
汤高
2018/01/11
2.9K0
Json.Net6.0入门学习试水篇
  JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。这个字符串看起来有点儿古怪,但是 JavaScript 很容易解释它,而且 JSON 可以表示比"名称 / 值对"更复杂的结构。例如,可以表示数组和复杂的对象,而不仅仅是键和值的简单列表。
aehyok
2018/08/31
1.6K0
Json.Net6.0入门学习试水篇
【C++】开源:基于cjson库的json数据处理
项目Github地址:https://github.com/DaveGamble/cJSON
DevFrank
2024/07/24
2850
【C++】开源:基于cjson库的json数据处理
[C#]Json.NET的动态视图--通过JObject解析json对象
如今JSON应用广泛。用于创建和消费JSON数据的一个流行的库是Json.NET。它提供了多种处理JSON数据的方式,可以直接解析成自定义类,也可以解析成类似于LINQ to XML这样的对象模型,后者被称为LINQ to JSON,它操作的类型通常是JObject、JArray和JProperty。它的使用方式类似于LINQ to XML,通过字符串进行访问,也可以执行动态操作。代码清单4-6使用了两种方式来处理同一个JSON数据。代码清单4-6 动态地使用JSON数据
科控物联
2022/03/29
2.9K0
[C#]Json.NET的动态视图--通过JObject解析json对象
相关推荐
面试问题之:JSON是什么?
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档