欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ajax 与 axios区别

程序员文章站 2022-04-14 20:20:15
ajax 与 axios区别 Ajax: Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。 Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。 Ajax ......

ajax:

ajax 即“asynchronous javascript and xml”(异步 javascript 和 xml),是指一种创建交互式网页应用的网页开发技术。

ajax = 异步 javascript 和 xml(标准通用标记语言的子集)。

ajax 是一种用于创建快速动态网页的技术。

ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 ajax)如果需要更新内容,必须重载整个网页页面。

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

axios:

用于浏览器和node.js的基于promise的http客户端

1. 从浏览器制作xmlhttprequests

2. 让http从node.js的请求

3. 支持promise api

4. 拦截请求和响应

5. 转换请求和响应数据

6. 取消请求

7. 自动转换为json数据

8. 客户端支持防止xsrf

 
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);
        })