概念:
AJAX(Asynchronous JavaScript And XML):异步的JS和XML。
作用:
- 与服务器进行数据交换 :通过AJAX可以给服务器发送请求。使用AJAX和服务器进行通信，就可以使用HTML+AJAX来替换JSP页面。
- 异步交互 :可以在不重新加载整个页面的情况下，与服务器交互数据并更新部分网页的技术，如搜索联想，用户名是否可用校验,等等。
总结:
在JS里发请求，请求可以设置为异步的，网页无需等待服务器处理，以动态的局部加载。
Axios（封装AJAX）
这个是AJAX的封装，在开发中让其更加简洁。
Axios的使用
下载Axios
GitHub - axios/axios: Promise based HTTP client for the browser and node.js
在HTML页面中引入 axios.js。
实例程序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="./axios.js">
</script>
<script>
axios({
method: "post",
url: "http://localhost:8080/test",
data: "username=yzh"
}).then(function (response) {
alert(response.data);
})
</script>
</body>
</html>虽然Axios对各种请求方式又进行了一次封装，整合出了axios.get axio.post等等。我认为上面的那种格式更具有普适性,也较为简洁。
axios.get("http://localhost:8080/test").then(function (resp) {
alert(resp.data+"axio.get");
})
请求类型为xhr
xhr，全称为XMLHttpRequest，用于与服务器交互数据，是ajax功能实现所依赖的对象，jquery中的ajax就是对 xhr的封装。
![[附源码]SSM计算机毕业设计学生宿舍管理系统JAVA](https://img-blog.csdnimg.cn/79447298c7c64ddb9fba24f8bc28b67a.png)
![[Spring]第五篇:AOP面向切面编程概念](https://img-blog.csdnimg.cn/f1163cced3bf41d0aa19f4e40574b1bc.png)
![[附源码]Python计算机毕业设计SSM临港新片区招商引资项目管理系统的设计与实现（程序+LW)](https://img-blog.csdnimg.cn/04b74db8709f4e3c9ee49536cb8557b4.png)
