axios和ajax区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios和ajax区别相关的知识,希望对你有一定的参考价值。

参考技术A

1、功能不同

Axios:Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

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

2、特点不同

Axios从浏览器中创建 XMLHttpRequests,可以从 node.js 创建 http 请求,支持 Promise API,可以拦截请求和响应、转换请求数据和响应数据。

Ajax是一种用于创建快速动态网页的技术,Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

3、部分参数不同

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:

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

)

扩展资料:

axios的实例方法:

以下是可用的实例方法。指定的配置将与实例的配置合并

axios#request(config)

axios#get(url[, config])

axios#delete(url[, config])

axios#head(url[, config])

axios#post(url[, data[, config]])

axios#put(url[, data[, config]])

axios#patch(url[, data[, config]])

以上是关于axios和ajax区别的主要内容,如果未能解决你的问题,请参考以下文章

axios和ajax区别

面试题系列--axios和ajax区别

axios和ajax区别

axios/fetch和ajax的区别

axios和ajax的区别及优缺点

interviewaxiosajax和fetch的区别