zoukankan      html  css  js  c++  java
  • JSON

    Json详解

    Json是一种轻量级的数据交换格式,采用一种“键:值”对的文本格式来存储和表示数据,在系统交换数据过程中常常被使用,是一种理想的数据交换语言。在使用JavaWeb开发时,不可避免的会遇到Json的使用。

    一:JSON形式与语法

    1.1JSON对象

    我们先来看以下数据:

    {

    “ID”: “1001”,

    “name”: “张三”,

    “age”: “24”

    }

    第一个数据就是一个Json对象,观察它的数据形式,可以得出以下语法:

    1:数据在花括号中

    2:数据以键:值对的形式出现(其中键多以字符串形式出现,值可取字符串,数值,甚至其他json对象)

    3:每两个键:值对以逗号分隔(最后一个键:值对省略逗号)

    遵守上面3点,便可以形成一个json对象。

    1.2JSON对象数组

    接下来我们再看第二个数据,观察它的数据形式,可以得出以下语法:

    [

    {"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}],

    "部门位置":"xx21"

    }

    这是上面两个基本形式结合出来的一种变形,通过这种变形,使得数据的封装具有很大的灵活性,能让开发者自由的发挥想象力。

    总结:json可以简单的分为基本形式:json对象,json对象数组。两种基本格式组合变形出其他的形式,但其本质还是json对象或者json对象数组中的一种。json对象或对象数组可以转化为json字符串,使用于不同的场合。

    FastJson的介绍

    JSON协议使用方便,越来越流行,JSON的处理器有很多,这里我介绍一下FastJson,FastJson是阿里的开源框架,被不少企业使用,是一个极其优秀的Json框架,Github地址: FastJson

    1.FastJson的特点

    1.FastJson数度快,无论序列化和反序列化,都是当之无愧的fast

    2.功能强大(支持普通JDK类包括任意Java Bean ClassCollectionMapDateenum)

    3.零依赖(没有依赖其它任何类库)

    2.Fastjson中的经常调用的方法

    parse(String text); // JSON文本parseJSONObject或者JSONArray

    parseObject(String text)// JSON文本parseJSONObject

    parseArray(String text); // JSON文本parseJSONArray

    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>
    
    
    
     
  • 相关阅读:
    使用SeaJS实现模块化JavaScript开发
    使用antixss防御xss
    AntiXSS
    FFmpeg 安装、日常使用及应用场景记录与总结。
    Cygwin 安装、设置及配置 FaTTY 多标签页(Tabs)
    Python 爬取B站(Bilibili.com)UP主的所有公开视频链接及信息
    windows10 彻底删除蓝牙设备,蓝牙设备删除失败解决方案
    VSCode 常用设置、快捷键及插件
    Python 文件IO:JSON 文件的读取与写入
    Python 文件IO:TXT 文件的读取与写入
  • 原文地址:https://www.cnblogs.com/406070989senlin/p/11028748.html
Copyright © 2011-2022 走看看