• JSON数据表示格式简介(JavaScript对象表示法)


    [1] JSON简介
        > JSON全称 JavaScript Object Notation
        > 类似于JS中对象的创建的方法
        > JSON和XML一样,都是一种表示数据的格式
        > 但是JSON比XML的存储和解析性能要高的多,JSON要比XML高个30%左右。
        <user>
            <name>sunwukong</name>
            <age>18</age>
            <gender>男</gender>
        </user>

        {"name":"孙悟空","age":8,"gender":男}

    [2] JSON的格式
        > JSON字符串不方便阅读,但是传输性能好
        > XML方便阅读,但是传输性能差
        > JSON的格式和JS对象类型,但是要求属性名必须使用双引号。不能使用单引号,也不能不写引号!


        > JSON对象中实际就是一组一组的键值对的结构,
        键和值使用:连接,多个键值对之间使用,分开,注意如果是最后一组键值对,则千万不要在加,.
                例如: {"属性名1":属性值1,"属性名2":属性值2,"属性名3":属性值3,"属性名4":属性值4}

        > JSON运行属性值的类型:
            1.字符串
            2.数字
             3.布尔
            4.对象
            5.数组
            6.null

        > 数组:
        [属性1,属性2,属性3,属性4]

    [3] JS中使用JSON
        JSON对象 --> JSON字符串
        JSON.stringify(对象)
        JSON字符串 --> JSON对象
        JSON.parse(JSON字符串)

    [4] Java中使用JSON
        > 目前Java中用的比较多的JSON解析工具:
        json-lib --> 使用麻烦,解析性能最差
        Jackson --> 使用较麻烦,解析性能最好
        Gson --> 使用简单,解析性能中能
        - Gson是谷歌出的一款JSON解析工具,使用简单,且性能较好。

        Java对象 --> JSON字符串

    //把map转化为json字符串
    		Map<String,String> map=new HashMap();
    		map.put("name", "张三");
    		map.put("hobby", "篮球");
    		map.put("genter", "男");
    		String str=gson.toJson(map);

       JSON字符串 --> Java对象

    Map<String,String> map2=gson.fromJson(str, Map.class);
    		System.out.println(map2);
    

    [3].通过jQuery实现AJAX
        > 使用get和getJSON都会有缓存问题,并且使用get方法不能传送较多的数据。
        > post方法不会有缓存的问题,所以我们开发时使用post方法较多。
        [1] post()方法
        $.post(url, [data], [callback], [type])
        参数:
            url:发送AJAX的请求地址,字符串。
            data:发送给服务器的请求参数,JSON格式。
            callback:当前需要获取服务器发送的响应时,我们可以通过该回调函数。
        jQuery会将响应信息以回调函数的参数的形式返回
        type:响应信息的类型,字符串。一般两个常用值text、json

        [2] get()方法
        - get方法和post方法使用方式基本一致。

        [3] getJSON()方法
        getJSON(url, [data], [callback])
        getJSON方法和get方法类似,只不过该方法默认的响应类型为JSON,不需要再手动指定。

        [4]下面给出一个小例子:(本例子页面特别简单,只为了只实现这一个功能)

    先导入jQuery所需要的jar包:

      我将这个jar包导入了WebContent下的js文件夹在(js文件夹是自己建的)。

    之后再jsp中引入jQuery

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.js">
    </script>
    

      然后就是jsp:

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.js">
    </script>
    <script type="text/javascript">
        $(function(){
        	$("#btn").click(function(){
        		var url="${pageContext.request.contextPath}/Servlet1";
        		var json={"name":"zhangsan"};
        		function callback(data){
        			
        		}
        		$.get(url,json,callback);
        	});
        });
    </script>
    </head>
    <body>
    <button id="btn">确定</button>
    </body>
    </html>
    

      这样后台就行接收到这个基于jQuery和json的get请求。

  • 相关阅读:
    重构第30天 尽快返回 (Return ASAP)
    Thingsboard MQTT连接至服务器
    Thingsboard学习之三启动Thingsboard
    Thingsboard学习之二安装Docker和Docker-Compose
    Thingsboard学习之一CentOS安装系统更新
    CentOS 修改固定IP地址
    macbook配置homebrew
    macbook配置flutter环境变量
    Linux单独打包工具-Ubuntu
    postman测试API
  • 原文地址:https://www.cnblogs.com/of-fanruice/p/7401860.html
Copyright © 2020-2023  润新知