AJAX和JSON

AJAX部分

1.原生的JS实现方式

		//1.创建核心对象
        var xmlhttp;
        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }

        //2. 建立连接
        /*
            参数：
                1. 请求方式：GET、POST
                    * get方式，请求参数在URL后边拼接。send方法为空参
                    * post方式，请求参数在send方法中定义
                2. 请求的URL：
                3. 同步或异步请求：true（异步）或 false（同步）

         */
        xmlhttp.open("GET", "ajaxServlet?username=tom", true);

        //3.发送请求
        xmlhttp.send();

        //4.接受并处理来自服务器的响应结果
        //获取方式 ：xmlhttp.responseText
        //什么时候获取？当服务器响应成功后再获取

        //当xmlhttp对象的就绪状态改变时，触发事件onreadystatechange。
        xmlhttp.onreadystatechange = function () {
            //判断readyState就绪状态是否为4，判断status响应状态码是否为200
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                //获取服务器的响应结果
                var responseText = xmlhttp.responseText;
                alert(responseText);
            }
        }

2. JQeury实现方式

1.$.ajax():
        * 语法：$.ajax({键值对});
        //使用$.ajax()发送异步请求
        $.ajax({
            url: "ajaxServlet1111", // 请求路径
            type: "POST", //请求方式
            //data: "username=jack&age=23",//请求参数
            data: {"username": "jack", "age": 23},
            success: function (data) {
                alert(data);
            },//响应成功后的回调函数
            error: function () {
                alert("出错啦...")
            },//表示如果请求响应出现错误，会执行的回调函数

            dataType: "text"//设置接受到的响应数据的格式
        });

2. $.get()：发送get请求
		* 语法：$.get(url, [data], [callback], [type])
		* 参数：
				* url：请求路径
				* data：请求参数
				* callback：回调函数
				* type：响应结果的类型

3. $.post()：发送post请求
		* 语法：$.post(url, [data], [callback], [type])
		* 参数：
				* url：请求路径
				* data：请求参数
				* callback：回调函数
				* type：响应结果的类型

JSON部分

1.基本语法

1. 语法：
	* 数据在名称/值对中：json数据是由键值对构成的
	* 键用引号(单双都行)引起来，也可以不使用引号
    * 值得取值类型：
		1. 数字（整数或浮点数）
		2. 字符串（在双引号中）
		3. 逻辑值（true 或 false）
		4. 数组（在方括号中）	{"persons":[{},{}]}
		5. 对象（在花括号中） {"address":{"province"："陕西"....}}
		6. null
	* 数据由逗号分隔：多个键值对由逗号分隔
	* 花括号保存对象：使用{}定义json 格式
	* 方括号保存数组：[]

2.JSON数据和Java数据的转换

使用jackson解析器
1.Java对象转JSON
 @Test
    public void test1() throws JsonProcessingException {
        //创建person对象
        Person p = new Person("张三", 22, "男");


        //创建jackson核心对象ObjectMapper
        ObjectMapper om = new ObjectMapper();

        String json = om.writeValueAsString(p);
        System.out.println(json);
        //结果:{"name":"张三","age":22,"gender":"男"}
    }

2.注解
	 @JsonIgnore：排除属性。
	 @JsonFormat：属性值得格式化		* @JsonFormat(pattern = "yyyy-MM-dd")

3.1. JSON转为Java对象
 @Test
    public void test2() throws Exception {
        String json = "{\"gender\":\"男\",\"name\":\"张三\",\"age\":23}";

        ObjectMapper om = new ObjectMapper();
        Person person = om.readValue(json, Person.class);
        System.out.println(person);
    }