附加：Ajax总结；（随时补充……）

说明：

（1）写本篇博客的直接动机：在【SSM开发书评网12：图书列表分页及查询二：图书分页查询；】进行图书分页查询时，需要使用Ajax请求；所以，这儿稍微总结一下；

（1）第一次接触单纯的Ajax：可以参考：

（2）然后，JQuery作为一个以JavaScript为基础的plugin，即JQuery可以简化JavaScript的开发；JQuery也可以简化Ajax的开发；可以参考：

（3）然后，在【（12）慕课OA系统（Mybatis项目案例，比较重要！）】这个专栏中，介绍了非页面就绪函数的使用方式；

（1）第一次接触单纯的Ajax：可以参考：

● 【Ajax一：Ajax简介；Ajax实现的三个步骤➡简单演示；】；

● 【Ajax二：一个ajax比较拟真的范例】；

● 【Ajax三：同步和异步的区别】；

说明：

（1）通过这几篇博客，可以对Ajax有个基本的认识；

（2）但是，这几篇博客介绍的内容是单纯的、最原始的Ajax，其编写会比较繁杂；我们在实际开发中，不会这么写；而是利用JQuery或者Vue等封装的框架，来更高效的开发Ajax；

（2）然后，JQuery作为一个以JavaScript为基础的plugin，即JQuery可以简化JavaScript的开发；JQuery也可以简化Ajax的开发；可以参考：

● 【JQuery对Ajax的支持：简介$.ajax(jsonExpression)；JQuery对Ajax简化和封装简单示例；】

这篇博客介绍了jQuery简化Ajax开发的SOP；了解了【页面就绪函数】；演示了请求成功success和请求失败error的处理方式；
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript" src="js/jquery-3.5.1.js" ></script>
	<script>
		$(function(){  // 创建一个页面就绪函数，其用途是在页面加载完毕后，执行这个function里面的代码；
			$.ajax({
				"url":"/ajax/news_list",
				"type":"post",
				"data":"t=tiobe",
				"dataType":"json",  // 在JavaScript中json的key可以不加引号，但是为了严谨和防止混乱，还是加上引号吧；
				"success":function(json){
					console.log(json);
					for(var i=0;i<json.length;i++){
						 // append()的作用可以将append()中的html代码段追加到div的最后
						$("#container").append("<h1>"+json[i].title+"</h1>");  
					}
				},
				"error":function(xmlhttp,errorText){     // xmlhttp和errorText哪儿来的？？？
					console.log(xmlhttp);
					console.log(errorText);
					if(xmlhttp.status == "405"){
						alert("无效的请求方式");
					}else if(xmlhttp.status == "404"){
						alert("未找到url资源");
					}else if(xmlhttp.status == "500"){
						alert("服务器内部错误");
					}else{
						alert("其他异常");
					}
					
				}
			})
			
		});
	</script>
</head>
<body>
	<div id="container"></div>
</body>
</html>
说明：

（1）这篇博客介绍了jQuery简化Ajax开发的SOP；

（2）这篇博客中的案例是通过【页面就绪函数】来演示Ajax的；（即，页面就绪函数的意思是，当我们前端页面加载的时候，同时执行这个函数；也就是，当我们前端页面加载的同时，向后端发起Ajax请求，并将请求的数据渲染到前端页面上；也就是，这个案例中的Ajax实际作用是，在页面初始化的时候起作用）

即，当我们遇到【需要在页面初次加载，即页面初始化的时候，就需要向后端发起Ajax请求的情况时】，可以参考本案例；

（3）演示了请求成功success和请求失败error的处理方式；

（4）通过【jQuery中Ajax函数：$.ajax()、$.post()、$.get()的使用、区别；】，能帮助理解jQuery简化Ajax的更详细的内容；

（3）然后，在【（12）慕课OA系统（Mybatis项目案例，比较重要！）】这个专栏中，介绍了非页面就绪函数的使用方式；

● 【OA系统九：用户登录二：实现用户登录的后台逻辑代码；完善前台登录页的提交和校验功能；】

说明：

（1）这个案例就是因登录为例，演示了Ajax请求；（即，这个就不是页面就绪函数的形式了）

那么，当我们以后遇到【点击页面的某个按钮，向后端发起Ajax请求的情况时】，可以参考本案例；

（2）虽然这个案例演示的是Layui中使用AJax；但，仍然具有广泛的指导价值；

随时补充……