Axios 异步框架简明笔记
内容提要
本文介绍了Axios异步框架的基本用法，包括引入Axios、发送GET和POST请求，以及处理响应数据。通过示例代码，展示了如何在Java Servlet中接收参数并返回响应。Axios简化了AJAX请求的书写，提供了别名方法以提高代码可读性。
延伸解读
Axios 与原生 AJAX 的对比
文章指出 Axios 是对原生 AJAX 的封装，简化了请求书写。原生 AJAX 需要手动创建 XMLHttpRequest 对象、设置回调等，而 Axios 通过配置对象和 Promise 风格的 .then() 回调，让代码更简洁。此外，Axios 还提供了别名方法，如 axios.get 和 axios.post，进一步减少代码量，但原生写法阅读性较好，别名方式则更注重效率。
GET 与 POST 参数传递的差异
在 Axios 中，GET 请求的参数需要拼接在 URL 中，而 POST 请求的参数则放在 data 属性里。文章示例显示，GET 请求的 URL 包含 ?username=zhangsan，而 POST 请求的 data 属性设置为 "username=zhangsan"。这种差异源于 HTTP 协议本身，开发者需根据请求方式正确放置参数，否则后端 Servlet 可能无法接收。
Axios 与 Servlet 的交互流程
文章通过流程图和代码说明，Axios 发送请求后，Servlet 通过 request.getParameter 接收参数，并可通过 response.getWriter().write 返回响应数据。浏览器在 .then() 回调中通过 resp.data 获取响应，进而执行操作如弹窗。这一流程体现了前后端分离的简单交互模式，适合初学者理解异步请求的完整链路。
使用 Axios 的注意事项
文章提醒，Axios 配置对象中的 data 属性可传 JSON 格式或 JS 对象，Axios 会自动将 JS 对象转为 JSON。此外，.then() 回调中的参数名可自定义，但需与后续使用的对象名一致。GET 和 POST 的参数位置不同，需区分。这些细节有助于避免常见错误，确保请求正确发送和响应处理。
Q&A
Axios 是什么？
Axios 是对原生 AJAX 的封装，旨在简化请求的书写。
如何在项目中引入 Axios？
在 webapp 下新建 js 文件夹并拷贝 Axios 的 js 文件，然后在 HTML 文件中引入该 js 文件。
如何使用 Axios 发送 GET 请求？
使用 axios.get 方法，传入请求的 URL 和参数，例如：axios.get('http://localhost:8080/ajax-dmeo/axiosServlet?username=zhangsan')。
Axios 如何处理 POST 请求？
使用 axios.post 方法，传入请求的 URL 和数据，例如：axios.post('http://localhost:8080/ajax-dmeo/axiosServlet', 'username=zhangsan')。
Axios 的别名方法有什么优势？
别名方法简化了代码书写，减少了代码量，提高了可读性。
Axios 如何处理响应数据？
通过 .then() 方法的回调函数处理响应数据，例如：.then(function(resp) { alert(resp.data); })。
