文档章节

JSON入门看这一篇就够了

Java3y
 Java3y
发布于 02/12 22:33
字数 943
阅读 1860
收藏 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
粉丝 301
博文 165
码字总数 526473
作品 0
广州
程序员
加载中

评论(13)

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

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

"解析JSON"这里应该修改一下
比如有两种常用方法:1.eval 2.JSON.parse。基于安全问题(防止不安全代码执行)应该优先使用JSON.parse而不是eval。
嗯哼,谢谢提醒!
Doxde
Doxde
"解析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略好一点,但因为都是层次结构,相对平板格式,解析仍然是要复杂很多
入门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
04/18
0
0
【抓包】Xposed+JustTrustMe关闭SSL证书验证

1 前言 这篇文章主要想解决的问题是,在对安卓手机APP抓包时,出现的HTTPS报文通过MITM代理后证书不被信任的问题。(工作中在抓取12306请求时就遇到了这个问题) 之前的推送讲过,通常要抓取...

Mocha_Lee
01/03
0
0
【数据质量】--认知指标的层次

数据质量的第二篇,我们阐述了将数据流拆分为评价流和分析流;而在上一篇详述了指标命名的规范方式。为了让读者们对指标理解得更深刻,本篇将树立一种认知:指标其实有不同层次,不同层次对应...

tw6cy6ukydea86z
04/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spark Load Data and Export Data

Load_Data_Command 一、导入数据-加载csv文件数据作为spark 临时表DataSource(不需要提前创建表,方便数据分析) 该命令将csv文件导入到临时表中,命令格式为 load data '文件路径' table [...

Avner
23分钟前
2
0
CDH5.13离线安装Spark2.3详细步骤

简介: 在我的CDH5.13集群中,默认安装的spark是1.6版本,这里需要将其升级为spark2.x版本。经查阅官方文档,发现spark1.6和2.x是可以并行安装的,也就是说可以不用删除默认的1.6版本,可以直...

hblt-j
26分钟前
2
0
Add XSS protection headers on Nginx

Add XSS protection headers on Nginx Add the following line in the http or server part of your Nginx configuration : ... # XSS Protection add_header X-Frame-Opt......

idoz
27分钟前
1
0
cmake windows 配置xp toolset

MPRO
33分钟前
2
0
day125-20181023-英语流利阅读-待学习

外卖员不要哭,打零工不容易 雪梨 2018-10-23 1.今日导读 上期我们讲到,有人认为:“零工经济”虽然没有占领全世界,但它剥夺了劳动者的合法权利,加剧了工作的不稳定性,那么“零工经济”是...

飞鱼说编程
46分钟前
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部