Javaweb的AJAX及Axios框架使用（封装AJAX）
概念:
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的封装。
分类:
Java
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？