Axios和ajax的区别

最新推荐文章于 2025-06-19 20:34:59 发布

原创最新推荐文章于 2025-06-19 20:34:59 发布 · 195 阅读

CC 4.0 BY-SA版权

本文对比了Axios和AJAX两种流行的前端技术，详细介绍了它们的特点和使用方法。Axios是一个基于Promise的HTTP库，支持浏览器和Node.js，具备自动转换JSON数据等功能。而AJAX则用于不刷新页面的情况下与服务器交换数据。两者在实现异步请求上有着相似的使用方式，但Axios提供了更现代的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. Axios
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
特点：
1.从浏览器中创建 XMLHttpRequests
2.从 node.js 创建 http 请求
3.支持 Promise API
4.拦截请求和响应
5.转换请求数据和响应数据
6.取消请求
7.自动转换 JSON 数据
8.客户端支持防御 XSRF

2 . AJAX
AJAX 是与服务器交换数据并更新部分网页的，在不重新加载整个页面的情况下。
Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。

3.区别
axios 和 ajax 的使用方法基本一样，只有个别参数不同；

Axios

axios({
            url: 'http://jsonplaceholder.typicode.com/users',
            method: 'get',
            responseType: 'json', // 默认的
            data: {
                //'a': 1,
                //'b': 2,
            }
        }).then(function (response) {
            console.log(response);
            console.log(response.data);
        }).catch(function (error) {
            console.log(error);
        })

$.ajax({
            url: 'http://jsonplaceholder.typicode.com/users',
            type: 'get',
            dataType: 'json',
            data: {
                //'a': 1,
                //'b': 2,
            },
            success: function (response) {
                console.log(response)；
            }
        })