Ajax和Axios的联系与区别？

（一）概念篇

1. Ajax（Asynchronous JavaScript and XML）：是一种在无需重新加载整个网页的情况下，能够更新部分网页的技能。它通过XMLHttpRequest对象实现，允许网页从服务器哀求数据，并可以在不重新加载页面的情况下，在网页上更新显示这些数据。

2. Axios：是一个基于‌Promise的HTTP客户端，用于浏览器和node.js。它本质上是对原生XHR（XMLHttpRequest）的封装，但采用了Promise技能，使得异步哀求更加直观和易于管理。Axios提供了更多的功能，如拦截哀求和相应、取消哀求、自动转换JSON数据等。‌
axios 是 isomorphic 的 ( 即同一套代码可以运行在浏览器和node.js中)，在服务端它利用原生 node.js  http模块，而在客户端 (浏览端) 则利用XMLHttpRequest。
3. Axios与Ajax的区别与联系：
1）Axios通过对Ajax技能的封装，提供了更多的功能和更好的利用体验。它支持Promise API，使得异步操作更加直观和易于管理。这使得Axios在处理复杂的异步操作时，相比Ajax更加方便和机动。‌
2）Axios不但支持基本的HTTP哀求方法（如GET、POST等），还提供了哀求和相应的拦截、错误处理、取消哀求等功能。这些功能使得Axios在处理复杂的网络哀求时，相比Ajax更加强大和机动。
3） Axios基于Promise实现，符合最新的ES规范，在现代前端开发中得到了广泛的应用。相比之下，Ajax固然也能实现异步通讯，但其基于回调函数的方式在处理复杂异步操作时，容易引发回调地狱的题目。
综上所述，Axios是对Ajax技能的一种封装和扩展，提供了更多的功能和更好的利用体验。这使得Axios在处理复杂的网络哀求时，相比Ajax更加方便、机动和强大。
（二）Axios语法篇

1. axios 利用步骤：
step 1 : 在script标签内引入 axios 库

step 2 : 页面开发时直接利用

​

2. axios 各部分详解
1）url 目的资源地址：由协议 + 域名 + 资源路径组成

2）哀求方法：数据的增（POST）删（DELETE）改（PUT）查（GET）

3）查询参数
哀求方法不写时，默以为GET，对应查询参数选项为params

哀求方法为post和put时，对应提交数据项为data

ES6 特性中，属性名和value位置变量名同名，即可简写
（例如pname：pname 直接简写为pname，
          cname：cname 直接简写为cname）

4）哀求报文：浏览器（客户端）发送给服务器的哀求
哀求报文包含哀求行、哀求头、空行、哀求体这四部分 

在Chrome 浏览器检察哀求体

5）相应报文：服务器返回给浏览器（客户端）的相应
相应报文包含相应行、相应头、空行、相应体这四部分 

HTTP相应状态码（404 代表客户端要找的资源，在服务器上不存在）

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。