文档章节

JSON入门看这一篇就够了

Java3y
 Java3y
发布于 2018/02/12 22:33
字数 943
阅读 1914
收藏 96

什么是JSON

JSON:JavaScript Object Notation 【JavaScript 对象表示法】

JSON 是存储和交换文本信息的语法。类似 XML。

JSON采用完全独立于任何程序语言的文本格式,使JSON成为理想的数据交换语言S

为什么需要JSON

提到JSON,我们就应该和XML来进行对比。XML也是一种存储和交换文本信息的手段。那么JSON好在哪里呢??

JSON 比 XML 更小、更快,更易解析

  • javaScript原生支持JSON,解析速度会很快
  • XML解析成DOM对象的时候,浏览器【IE和fireFox】会有差异
  • 使用JSON会更简单

 

这里写图片描述

 

更加容易创建JavaScript对象

var p = {'city':['北京','上海','广州','深圳']};
for(var i=0;i<p.city.length;i++){
	document.write(p.city[i]+"<br/>");
}

JSON语法

客户端与服务端的交互数据无非就是两种

  • 数组
  • 对象

于是乎,JSON所表示的数据要么就是对象,要么就是数组

JSON语法是javaScript语法的子集,javaScript用[]中括号来表示数组,用{}大括号来表示对象,JSON亦是如此

JSON数组:


	var employees = [
	{ "firstName":"Bill" , "lastName":"Gates" },
	{ "firstName":"George" , "lastName":"Bush" },
	{ "firstName":"Thomas" , "lastName": "Carter" }
	];

JSON对象


        var obj = {

            age: 20,
            str: "zhongfucheng",
            method: function () {
                alert("我爱学习");
            }

        };

当然啦,数组可以包含对象,在对象中也可以包含数组

解析JSON

javaScript原生支持JSON的,我们可以使用eval()函数来解析JSON,把JSON文本数据转换成一个JavaScript对象。

        function test() {
			//在写JOSN的时候,记得把带上逗号
            var txt = "{a:123," +
                    "b:'zhongfucheng'}";

            //使用eval解析JSON字符串,需要增添()
            var aa = eval("(" + txt + ")");
            alert(aa);

        }


 

评论区提醒:JSON解析应该使用:JSON.parse。基于安全问题(防止不安全代码执行)应该优先使用JSON.parse而不是eval。

 

 

效果

 

这里写图片描述

 

不用框架时将JavaBean转成JSON

  • 使用Strus2的时候,Struts2自带了组件能够让JavaBean对象、集合转成是JSON,不用我们自己拼接...这是非常方便的。
  • 使用SpringMVC的时候,SpringMVC也支持将JavaBean转成JSON

但是,我们不一定使用框架来做开发呀。因此,我们还得学习使用第三方库来将JavaBean对象、集合转成JSON

导入开发包

  • commons-io-2.0.1.jar
  • commons-lang-2.5.jar
  • commons-collections-3.1.jar
  • commons-beanutils-1.7.0.jar
  • ezmorph-1.0.3.jar
  • json-lib-2.1-jdk15.jar

事例代码


package cn.itcast.javaee.js.bean2json;

import net.sf.json.JSONArray;

import java.util.*;

/**
 * 使用第三方工具,将JavaBean对象/List或Set或Map对象转成JSON 
 * @author AdminTC
 */
public class TestBean2Json {
	private static void javabean2json() {
		City city = new City(1,"广州");
		JSONArray jSONArray = JSONArray.fromObject(city);
		String jsonJAVA = jSONArray.toString();
		System.out.println(jsonJAVA);
		//[{"id":1,"name":"广州"}]
	}
	private static void list2json() {
		List<City> cityList = new ArrayList<City>();
		cityList.add(new City(1,"广州"));
		cityList.add(new City(2,"珠海"));
		JSONArray jSONArray = JSONArray.fromObject(cityList);
		String jsonJAVA = jSONArray.toString();
		System.out.println(jsonJAVA);
		//[{"id":1,"name":"广州"},{"id":2,"name":"珠海"}]
	}
	private static void set2json() {
		Set<City> citySet = new LinkedHashSet<City>();
		citySet.add(new City(1,"广州"));
		citySet.add(new City(2,"珠海"));
		JSONArray jSONArray = JSONArray.fromObject(citySet);
		String jsonJAVA = jSONArray.toString();
		System.out.println(jsonJAVA);
		//[{"id":1,"name":"广州"},{"id":2,"name":"珠海"}]
	}
	private static void javabeanlist2json() {
		List<City> cityList = new ArrayList<City>();
		cityList.add(new City(1,"中山"));
		cityList.add(new City(2,"佛山"));
		Province province = new Province(1,"广东",cityList);
		
		JSONArray jSONArray = JSONArray.fromObject(province);
		String jsonJAVA = jSONArray.toString();
		System.out.println(jsonJAVA);
		/*
		  [
			 {
			  "id":1,
			  "name":"广东"
			  "cityList":[{"id":1,"name":"中山"},{"id":2,"name":"佛山"}],
		     }
		  ]
		  */
	}
	private static void map2json() {
		
		List<City> cityList = new ArrayList<City>();
		cityList.add(new City(1,"中山"));
		cityList.add(new City(2,"佛山"));
		
		Map<String,Object> map = new LinkedHashMap<String,Object>();
		map.put("total",cityList.size());//表示集合的长度
		map.put("rows",cityList);//rows表示集合
		
		JSONArray jSONArray = JSONArray.fromObject(map);
		String jsonJAVA = jSONArray.toString();
		System.out.println(jsonJAVA);
		//[{"total":2,"rows":[{"id":1,"name":"中山"},{"id":2,"name":"佛山"}]}]
		
		jsonJAVA = jsonJAVA.substring(1,jsonJAVA.length()-1);
		System.out.println(jsonJAVA);
	}
	
}

把要解析成JSON 的javaBena对象、集合放进下面这段代码即可!

		JSONArray jSONArray = JSONArray.fromObject(map);

无论放进去什么,返回的都是数组

总结

 

这里写图片描述

 

如果文章有错的地方欢迎指正,大家互相交流。习惯在微信看技术文章的同学,可以关注微信公众号:Java3y

 

 

© 著作权归作者所有

共有 人打赏支持
Java3y
粉丝 318
博文 186
码字总数 587572
作品 0
广州
程序员
私信 提问
加载中

评论(13)

水山清风
水山清风
你不介绍一下 gson,jackson(全世界都在用),fastjson(全世界都在盯着你介绍),play-json,json4s,spray-json,circe(咳,我抽风了),感觉各位 dalao 都不会看
Java3y
Java3y

引用来自“南城小镇”的评论

"解析JSON"这里应该修改一下
比如有两种常用方法:1.eval 2.JSON.parse。基于安全问题(防止不安全代码执行)应该优先使用JSON.parse而不是eval。
嗯哼,谢谢提醒!
reter
reter
"解析JSON"这里应该修改一下
比如有两种常用方法:1.eval 2.JSON.parse。基于安全问题(防止不安全代码执行)应该优先使用JSON.parse而不是eval。
amita
amita

引用来自“amita”的评论

有些图片显示不出来

引用来自“Java3y”的评论

有吗?我这好像可以显示哦
我用的firefox58,有些图片解析出错。比如
https://static.oschina.net/uploads/img/201802/13153132_AZOO.jpg 存在错误无法解析。
dosshell
dosshell
官方文档就一页纸,不比你简单多了?
Java3y
Java3y

引用来自“amita”的评论

有些图片显示不出来
有吗?我这好像可以显示哦
Java3y
Java3y

引用来自“楼教主”的评论

```js
function test() {
      //在写JOSN的时候,记得把带上逗号
var txt = "{a:123," +
"b:'zhongfucheng'}";

//使用eval解析JSON字符串,需要增添()
var aa = eval("(" + txt + ")");
alert(aa);

}
```
json 写错了,

```js
var txt = "{\"a\":123," +
"\"b\":\"zhongfucheng\"}";
```
刚看了一下,没发现....不过手拼JSON只是测试用一下而已。
amita
amita
有些图片显示不出来
楼教主
楼教主
```js
function test() {
      //在写JOSN的时候,记得把带上逗号
var txt = "{a:123," +
"b:'zhongfucheng'}";

//使用eval解析JSON字符串,需要增添()
var aa = eval("(" + txt + ")");
alert(aa);

}
```
json 写错了,

```js
var txt = "{\"a\":123," +
"\"b\":\"zhongfucheng\"}";
```
haitaosoft
haitaosoft
解析效率方面,json比xml略好一点,但因为都是层次结构,相对平板格式,解析仍然是要复杂很多
win10 uwp win2d CanvasVirtualControl 与 CanvasAnimatedControl

版权声明:博客已迁移到 http://lindexi.gitee.io 欢迎访问。如果当前博客图片看不到,请到 http://lindexi.gitee.io 访问博客。本文地址 https://blog.csdn.net/lindexi_gd/article/details...

lindexi_gd
2018/12/25
0
0
入门Webpack,看这篇就够了

写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着...

楠木楠
2016/12/04
178
0
Web 使用webpack构建前端项目

好久没写技术博客了, 原因在于最近在学习前端方面的技术, 熟悉我的同学都知道, 之前我有使用Vue搭建了一个个人简历, 体验了一把最新的前端技术, 但之前我们使用的是vue-cli脚手架工具, 对于如...

Castie1
2017/09/23
0
0
180页PPT为你全解AI技术与产业发展 | 清华孙富春教授

来源:清华大学 ;整理:WPR;编辑转自:THU数据派;图片转自:机工教育; 本文多图,建议阅读10+分钟。 从背景与历史、深度学习、脑认知、产业(装备)发展、发展趋势等五个方面详细解读了人...

tw6cy6ukydea86z
2018/04/18
0
0
Win2D 中的游戏循环:CanvasAnimatedControl

版权声明:本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。欢迎转载、使用、重新发布,但务必保留文章署名吕毅(包含链接:http://blog.csdn.net/wpwalter/)...

walter lv
2018/11/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql grant 用户权限总结

用户权限管理主要有以下作用: 1. 可以限制用户访问哪些库、哪些表 2. 可以限制用户对哪些表执行SELECT、CREATE、DELETE、DELETE、ALTER等操作 3. 可以限制用户登录的IP或域名 4. 可以限制用...

Airship
30分钟前
1
0
RabbitMQ学习(3)

1. 消费端 1. 消费端通过推模式或者拉模式从RabbitMQ中获取并消费消息,当消费者确认处理消息后,可以手动确认消息已被接收,然后就会将该消息从RabbitMQ的队列中标记再清除,消费者端还可以...

江左煤郎
41分钟前
1
0
linux mysql(5.7)开启慢查询

一、有3个配置需要设置, 1:相关开关 2:日志目录文件 3:慢查询的时间限制 二、设置完之后重启mysql service mariadb restart 三、重启后做个测试 连接mysql 并查询: select sleep(6); 四...

chro008
48分钟前
2
0
选择IDC机房、选择硬件、上架服务器、装系统

选择IDC机房 当业务量比较大的时候,往往选用IDC而不是公有云来跑业务。 IDC机房的服务一般分为两种 需要我们自己购买服务器和网络设备,托管到IDC机房。IDC机房会提供布线、巡检、硬件操作等...

李超小牛子
50分钟前
2
0
《傲慢与偏见》的读书笔记与读后感作文2400字

《傲慢与偏见》的读书笔记与读后感作文2400字: 作者:孙苑馨;笔者按:读书这个习惯是我爸妈养出来的。小时候父母赚的钱除了吃饭穿衣剩下的就是买书了,他们除了买各种新鲜出版的文艺派图书...

原创小博客
58分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部