Ajax和Json

• 1.概念：
• 2.实现方式
  • 1.原生的JS实现方式（了解）
  • 2.JQuery实现
  • 1.概念
  • 2.入门

AJAX

1.概念：

Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。

用途：提升用户体验！

2.实现方式

1.原生的JS实现方式（了解）

详细代码可参考w3school

2.JQuery实现

1.$.ajax({键值对});

	$.ajax({
            url:"ajaxServlet",
            type:"POST",
            data:{"username":"pz","age":"19"}
            success:function (data) {
                alert(data); //响应成功后的回调函数
            },
            error:function () {
                alert("error...")//请求响应出现错误时的回调函数
            },
            dataType:"text" //设置接受到的响应数据格式
        });

2. $.get():发生get请求

	$.get(url,[data],[callback],[type])

3. $.post():发生post请求

	$.post(url,[data],[callback],[type])
		*type响应结果类型
		*callback回调函数

JSON

1.概念

JSON: JavaScript Object Notation(JavaScript 对象表示法)

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快，更易解析。

2.入门

1.语法

数据在名称/值对中
数据由逗号分隔
大括号保存对象
中括号保存数组JSON 值

JSON 值可以是：
数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在中括号中）
对象（在大括号中）
nul

2.获取数据

对象.获取数据
对象["获取数据"]

3.JSON数据和Java对象的相互转换

解析器：Jackson

1.JSON--> Java

	创建Jackson核心对象ObjectMapper
	调用ObjectMapper方法进行转换
		*readValue(json字符串数据,Class)

2.Java-->JSON

	创建Jackson核心对象ObjectMapper
	调用ObjectMapper方法进行转换	
		*writeValue（参数1，obj）：
			参数一：
			File：将obj对象转换为JSON字符串，并保存到只当的文件中
			Writer：将obj对象转换为JSON字符串，并将json数据填充到字符输出流
			OutputStream：将obj对象转换为JSON字符串，并将json数据填充到字节输出流
		*writeValueAsString(obj)：将对象转为Json字符串

	注解：
		1.JsonIgnore：忽略该属性
			@JsonIgnore
			private Data birthday;
		2.JsonFormat:属性值格式化
			@JsonFormat（pattern：yyyy-MM-dd）
			private Data birthday;