Ajax和Json

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;
posted @ 2020-01-19 17:21  lopzzzzzzzzzzzzzz  阅读(208)  评论(0编辑  收藏  举报