Ajax与Axios

ajax是对原生xhr封装，除此之外还增添了对于JSONP支持
例；

$.ajax({
type:"post",
url:url路径
data:data
dataType:dataType;
success:function(data){console.log(data)}error:function(){}});

原生xhr请求

var xhr=new XMLHTTPRequest()
xhr.open('GET',url);
xhr.reponseType="json";
xhr.οnlοad=function(){
console.log(xhr.response);
};
xhr.send();

ajax针对MVC,不符合MVVM
JQuery整个项目太大。单线使用ajax却要引入整个Jquery不合理

axios 对原生xhr封装从Promise实现版本，符合最新es规范
优点，1，体积小，2提供了并发的封装

axios({
method:"post",//求get
url:'/user/li'
data:{
fistname:'fird'
lastname:'abs'
}
}).then(function(response{
console.log(response);
}).cath(function(error){
console.log(err)
});

Ajax与Axios相关推荐

ajax与axios使用哪个好,ajax、axios、fetch之间的详细区别以及优缺点
将jQuery的ajax.axios和fetch作个简单的比较,所谓仁者见仁智者见智,最终使用哪一个仍是自行斟酌javascript 1.jQuery ajax 前端 $.ajax({ type: ' ...
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使用ajax或者axios获取数据，能获取到数据但是页面没有更新
问题: 用ajax或者axios,get数据是正常的.但是渲染数据时data一直为空问题代码: 下面代码看起来是正常的,但是当运行的时候会报错: 这时候你运行时会发现,数据可以请求到,但是会报错Ty ...
尚硅谷 Ajax与Axios的使用与关键源码笔记
文章目录 Ajax概述原生Ajax尝试请求的发送与请求头配置 JSON支持 IE缓存问题请求的取消与重发 jQuery的Ajax 使用Axios发送Ajax[简易] 使用fetch发送请求 Aj ...
AJAX和axios的基本使用
首先要说明一点,学AJAX和axios 是前端向后端发送请求/接收后端的数据,so 如果你是前端爱好者, 试试学习node.js 开启一台服务器,然后自己练习. 1.同步请求和异步请求的概念和流程 1 ...
AJAX、axios、JSONP、CORS
部分借鉴至:博客园-Mr_慕白 => HTTP报文格式部分借鉴至:CSDN-HansExploration => JSONP原理详解参考:阮一峰浏览器同源政策及其规避方法参考:阮一 ...
Ajax和Axios相关面试题总结
文章目录 Ajax和Axios 1.同步请求和异步请求 2.fetch.axios.jquery的ajax用法 3.JS跨域资源共享(CORS问题) 4.Ajax 解决浏览器缓存问题 5.ajax 返 ...
Ajax和axios
Ajax 和 Axios ajax 什么是ajax Async javascript and XML {name:"王凯",age:2,sex:"未知" }&l ...
axios与ajax对比,axios和ajax优缺点的理解
最近使用vue时候,被问道为什么用axios而不是ajax,百度一堆都很类似,又不能理解其中列出的内容,就自己查一查,方便理解和记忆首先看代码格式: ajax: $.ajax({ type: 'PO ...

Ajax与Axios

Ajax与Axios相关推荐

最新文章

热门文章