回顾
jquery 对象与 js 对象转换
定义事件
选择器
- 基本
- 层级
- 属性
- 过滤
操作元素
- 属性
- 文本
- 新增
- 删除
今日内容
ajax 基本使用
-
在早期 xml 作为数据的传输方式
-
现在使用 json 格式作为数据的传输方式
-
特点1:页面局部刷新
-
特点2:异步请求
jquery
$.get(url, 请求参数, function(data){}, "json")
axios
js 中提供的方法
JSON.stringify
JSON.parse
java 中json 转换
借助第三方的库完成:jackson,gson,jsonlib,fastjson(阿里)
ObjectMapper om= new ObjectMapper()
writeValueAsString(java对象) => json 字符串
readValue(json字符串, 类型.class);
readValue(json字符串, new TypeReference<List<User>>())
如果转换的类型带了泛型,就必须用此方式来转换
如果要转换日期类型
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
private Date birthday;
- 联想搜索案例
- 分页案例1
- 分页案例2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
// window.οnlοad=function(){}
$(function(){ // 在页面内容都加载完毕后,才执行此function内的代码
alert($("#div1").text());
});
</script>
</head>
<body>
<div id="div1">内容</div>
</body>
</html>