vue中的axios与ajax的区别,Vue.js / axios和ajax区别

Vue.js是一个轻量级的渐进式框架,专注于视图层,易于与其他库或现有项目集成。而Axios是基于Promise的HTTP库,它对Ajax进行了封装。相比传统的Ajax,Axios提供了更现代的Promise API,支持并发请求,并且在Node.js和浏览器中均可使用。在对比中,Ajax已经有一些过时,如基于旧的XHR实现,而Axios则更适合现代前端MVVM架构。
摘要由CSDN通过智能技术生成

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件

细谈 axios和ajax区别

1.区别

axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。

简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。

axios是ajax ajax不止axios。

axios:

axios({

url: '/getUsers',

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: '/getUsers',

type: 'get',

dataType: 'json',

data: {

//'a': 1,

//'b': 2,

},

success: function (response) {

console.log(response);

}

})

2.优缺点:

ajax:

本身是针对MVC的编程,不符合现在前端MVVM的浪潮

基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案

JQuery整个项目太大,单纯使用ajax却要引入整个JQuery非常的不合理(采取个性化打包的方案又不能享受CDN服务

axios:

从 node.js 创建 http 请求

支持 Promise API

客户端支持防止CSRF

提供了一些并发请求的接口

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值