JSON
Json详解
Json是一种轻量级的数据交换格式,采用一种“键:值”对的文本格式来存储和表示数据,在系统交换数据过程中常常被使用,是一种理想的数据交换语言。在使用Java做Web开发时,不可避免的会遇到Json的使用。
一:JSON形式与语法
1.1:JSON对象
我们先来看以下数据:
{ “ID”: “1001”, “name”: “张三”, “age”: “24” } |
第一个数据就是一个Json对象,观察它的数据形式,可以得出以下语法:
1:数据在花括号中
2:数据以键:值对的形式出现(其中键多以字符串形式出现,值可取字符串,数值,甚至其他json对象)
3:每两个键:值对以逗号分隔(最后一个键:值对省略逗号)
遵守上面3点,便可以形成一个json对象。
1.2:JSON对象数组
接下来我们再看第二个数据,观察它的数据形式,可以得出以下语法:
[ {"ID": 1001, "name": "张三", "age": 24}, {"ID": 1002, "name": "李四", "age": 25}, {"ID": 1003, "name": "王五", "age": 22} ] |
1:数据在方括号中(可理解为数组)
2:方括号中每个数据以json对象形式出现
3:每两个数据以逗号分隔(最后一个无需逗号)
遵守上面3点,便可形成一个json对象数组(及一个数组中,存储了多个json对象)
理解了上面两种基本的形式,我们就可以得出其他的数据形式,例如下面这个:
{ "部门名称":"研发部", "部门成员":[ {"ID": 1001, "name": "张三", "age": 24}, {"ID": 1002, "name": "李四", "age": 25}, {"ID": 1003, "name": "王五", "age": 22}], "部门位置":"xx楼21号" }
|
这是上面两个基本形式结合出来的一种变形,通过这种变形,使得数据的封装具有很大的灵活性,能让开发者自由的发挥想象力。
总结:json可以简单的分为基本形式:json对象,json对象数组。两种基本格式组合变形出其他的形式,但其本质还是json对象或者json对象数组中的一种。json对象或对象数组可以转化为json字符串,使用于不同的场合。
FastJson的介绍
JSON协议使用方便,越来越流行,JSON的处理器有很多,这里我介绍一下FastJson,FastJson是阿里的开源框架,被不少企业使用,是一个极其优秀的Json框架,Github地址: FastJson
1.FastJson的特点
1.FastJson数度快,无论序列化和反序列化,都是当之无愧的fast
2.功能强大(支持普通JDK类包括任意Java Bean Class、Collection、Map、Date或enum)
3.零依赖(没有依赖其它任何类库)
2.Fastjson中的经常调用的方法
parse(String text); // 把JSON文本parse为JSONObject或者JSONArray
parseObject(String text); // 把JSON文本parse成JSONObject
parseArray(String text); // 把JSON文本parse成JSONArray
toJSONString(Object object); // 将JavaBean序列化为JSON文本
//后端--》前端
package cn.sxt; import java.io.IOException; import java.io.InputStream; import java.util.ArrayList; import java.util.HashMap; import java.util.Properties; import javax.servlet.ServletContext; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import com.alibaba.fastjson.JSON; /** * Servlet implementation class lianxi2 */ @WebServlet("/lianxi2") public class lianxi2 extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public lianxi2() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); response.setContentType("text/json"); //创建java对象 HashMap<String, Object> hashMap = new HashMap<String,Object>(); hashMap.put("name", "蔡徐坤"); hashMap.put("age","21"); hashMap.put("height","183"); ArrayList<String> arrayList = new ArrayList<String>(); arrayList.add("唱"); arrayList.add("跳"); arrayList.add("rap"); arrayList.add("篮球"); hashMap.put("like", arrayList); //将Java对象转为字符串 String jsonString = JSON.toJSONString(hashMap); response.getWriter().println(jsonString); } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub doGet(request, response); } }
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script src="js/jquery-1.11.0.js"></script> </head> <body> <script> $.get('./lianxi2').then(function(res){ console.log(res) $("body").append(` <h1>${res.name}</h1> <h2>${res.height}</h2> <h3>${res.age}</h3> `) for(var i=0;i<res.like.length;i++){ $("body").append( `<h4>蔡徐坤喜欢的第${i}个内容: ${res.like[i]}</h4>` ) } }) </script> </body> </html>
package cn.sxt; //前端--》后端 import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.JSONArray; import com.alibaba.fastjson.JSONObject; /** * Servlet implementation class lianxi3 */ @WebServlet("/lianxi3") public class lianxi3 extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public lianxi3() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); response.setContentType("text/json"); //将JavaBean序列化为JSON文本 String jsonStr = request.getParameter("json"); response.getWriter().println("成功获取:"+jsonStr); //把JSON文本parse成JSONObject JSONObject parseObject = JSON.parseObject(jsonStr); System.out.println(parseObject.get("partname")); System.out.println(parseObject.get("position")); Object object = parseObject.get("partman"); System.out.println(object); //把JSON文本parse成JSONArray JSONArray parseArray = JSON.parseArray(object.toString()); System.out.println(parseArray.get(2)); } }
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script src="js/jquery-1.11.0.js"></script> </head> <body> <script> var data = { json:` { "partname":"研发部", "partman":[ {"ID": 1001, "name": "张三", "age": 24}, {"ID": 1002, "name": "李四", "age": 25}, {"ID": 1003, "name": "王五", "age": 22}], "position":"xx楼21号" }` } $.ajax({ url:"./lianxi3", data:data, method:"POST", complete:function(res){ console.log(res) } }) </script> </body> </html>