什么是axios？axios 和 ajax 是什么关系？-CSDN博客

本文链接：https://blog.csdn.net/anguang1973/article/details/138808004

axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 node.js。它是 isomorphic 的，即同一套代码可以在浏览器和 node.js 中运行。

axios 的主要特性包括：

支持 Promise API：它允许你使用 .then() 和 .catch() 方法来处理异步 HTTP 请求。
客户端支持防止 CSRF：它会自动将 XSRF-TOKEN 设置为一个 HTTP 头，并在跨站点请求伪造（CSRF）保护的情况下发送。
转换请求和响应数据：它允许你在请求发送到服务器之前和服务器响应返回客户端之前，对数据进行一些转换。
取消请求：你可以使用 CancelToken 来取消一个请求。
自动转换 JSON 数据：当 Content-Type 为 application/json 时，它会自动将 JavaScript 对象序列化为 JSON 字符串。同样地，当响应的 Content-Type 为 application/json 时，它会自动将 JSON 字符串解析为 JavaScript 对象。
客户端支持防止重复请求：虽然这不是 axios 的内置功能，但你可以很容易地使用它来实现这个功能。
拦截请求和响应：你可以在请求被发送到服务器之前或在服务器响应被处理之前“拦截”它们。

使用 axios 的基本示例：

const axios = require('axios');  
  
axios.get('https://api.example.com/data')  
  .then(function (response) {  
    // 请求成功时处理数据  
    console.log(response.data);  
  })  
  .catch(function (error) {  
    // 请求失败时处理错误  
    console.error(error);  
  });

如果你需要发送带有数据的 POST 请求，你可以这样做：

axios.post('https://api.example.com/save', {  
    firstName: 'Fred',  
    lastName: 'Flintstone'  
  })  
  .then(function (response) {  
    console.log(response);  
  })  
  .catch(function (error) {  
    console.error(error);  
  });

Axios和Ajax之间的关系可以理解为：Ajax是一种技术概念，而Axios是Ajax的一个具体实现库。

具体来说：

Ajax（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种在无需重新加载整个页面的情况下，能够更新部分网页的技术。它允许网页应用程序快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面。Ajax不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。其核心是XMLHttpRequest对象，它使得JavaScript可以在不重载页面的情况与Web服务器交换数据。
Axios是一个基于Promise的HTTP客户端，用于浏览器和node.js。它是Ajax技术的一个封装，提供了一套简洁的API来处理HTTP请求和响应，自动处理了XMLHttpRequest的创建和配置，使得发起网络请求变得更加简单。Axios还提供了许多强大的特性，如Promise支持、拦截请求和响应、取消请求、自动转换JSON数据、客户端防御XSRF等。

因此，可以说Axios是Ajax技术的一个实现库，它简化了Ajax请求的处理过程，使得开发者可以更加高效地进行Web开发。