Ajax与Axios的区别

1.Ajax与Axios的区别

2.mvvm模式下更适合这种数据

3.ajax书写形式

4.axios书写形式

5.vue 中使用的 axios 代码

总结:

1.Ajax与Axios的区别

Axios：axios：是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。
简单来说就是axios实现了对ajax的封装，axios有的ajax都有，ajax有的axios不一定有。
总结：一句话就是axios是ajax，ajax不止axios。

2.mvvm模式下更适合这种数据

ajax（前端实现类拦截器这样的效果比较差，改动代码太多）
axios 前后端分离比较好用

3.ajax书写形式

$.ajax({url: '接口地址',type: 'get', //或者post　　 请求类型dataType: 'json',data: { // 要发送的请求参数'username' : 'admin','password' : '密码'},success : function (response) {console.log(response); // 请求返回的数据}})

4.axios书写形式

　axios({url: '接口地址',method: 'get', //或者 post    请求类型responseType: 'json', //默认格式，如果就是 json 格式可以不写data: {'username' : 'admin','password' : '密码'}}).then( function(response){ // 请求正确返回的数据console.log(response);console.log(response.data);}).catch( function(error) { // 请求错误返回的数据console.log(error);})

5.vue 中使用的 axios 代码

btn(value){let postData = qs.stringify({name: value})let api = 'http://tp.xxxxxx';axios.post(api, postData).then(function(res) { //请求成功返回的数据console.log('==00000',res.data.code);}).catch(function(err){console.log('err==>>', err); //请求失败返回的数据})}

总结:

ajax提供了最原生的方法，但是现在都不用它了，有种教会徒弟饿死师傅的感觉
axios更好的实现了异步请求
起步 | Axios 中文文档 | Axios 中文网 (axios-http.cn)————推荐文档

Ajax与Axios的区别相关推荐

addeventlistener不支持ajax_十万个Web前端面试题之AJAX、axios、fetch的区别
来自灵魂的拷问你知道AJAX.axios.fetch的区别吗? 小白回答 AJAX用来请求数据的吧,另外axios和fetch是啥? 老鸟回答 AJAX Gmail开发人员发现IE里面有个XMLHT ...
axios如何在nodejs项目里封装_【面经】jq 中 ajax 和 axios 区别，瀑布流布局，添加删除事件...
[jq 中 ajax 和 axios 区别] jq的ajax 1.本身是针对MVC的编程,不符合现在前端MVVM的浪潮 2.JQuery整个项目太大,单纯使用ajax却要引入整个JQuery不合理 a ...
vue-d2admin-axios异步请求登录，先对比一下Jquery ajax, Axios, Fetch区别
先说一下对比吧 Jquery ajax, Axios, Fetch区别之我见引言前端技术真是一个发展飞快的领域,我三年前入职的时候只有原生XHR和Jquery ajax,我们还曾被JQuery 1 ...
ajax与axios使用哪个好,ajax、axios、fetch之间的详细区别以及优缺点
将jQuery的ajax.axios和fetch作个简单的比较,所谓仁者见仁智者见智,最终使用哪一个仍是自行斟酌javascript 1.jQuery ajax 前端 $.ajax({ type: ' ...
【react】 react 中前后端数据的交互方式（原生的ajax、jq的ajax、axios、fetch ）...
这是fetch 请求数据的方式 ---fetch---基本使用一.fetch fetch是一种XMLHttpRequest的一种替代方案,在工作当中除了用ajax获取后台数据外我们还可以使用fet ...
尚硅谷 Ajax与Axios的使用与关键源码笔记
文章目录 Ajax概述原生Ajax尝试请求的发送与请求头配置 JSON支持 IE缓存问题请求的取消与重发 jQuery的Ajax 使用Axios发送Ajax[简易] 使用fetch发送请求 Aj ...
null、undefined在ajax请求中的区别
目前的前后端的数据交互大多都使用ajax利用JSON进行数据交换,在前端调用接口时遇到某些参数不需要传的情况时(接口将这些参数设置为可选的)我们应该将其设置为undefined还是null呢?它们两者 ...
Ajax和axios
Ajax 和 Axios ajax 什么是ajax Async javascript and XML {name:"王凯",age:2,sex:"未知" }&l ...
Vue使用ajax或者axios获取数据，能获取到数据但是页面没有更新
问题: 用ajax或者axios,get数据是正常的.但是渲染数据时data一直为空问题代码: 下面代码看起来是正常的,但是当运行的时候会报错: 这时候你运行时会发现,数据可以请求到,但是会报错Ty ...

Ajax与Axios的区别

1.Ajax与Axios的区别

2.mvvm模式下更适合这种数据

3.ajax书写形式

4.axios书写形式

5.vue 中使用的 axios 代码

总结:

Ajax与Axios的区别相关推荐

最新文章

热门文章