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  阅读(225)  评论(0)    收藏  举报