前端技术真的是一个发展非常飞快地领域，现在只知道原生的XHR和Jquery AJAX是不能满足开发的需求的，现在axios和fetch已经开始抢占“请求”这个前端高地了，今天就给阐述一下他们之间的简要区别。

1、Jquery ajax

基本语法：

$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function(){}, error: function(){}});

这个基本熟悉前端的都知道，是对原生XHR的封装，除此以外还增添了对JSONP的支持。其实，Jquery ajax经过多年的更新维护，真的已经非常的方便了，有点无需多言；如果是硬要举出几个缺点，那可能只有：

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

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

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

尽管Jquery对我们前端的开发工作曾有着深远的影响，但是我们看到随着VUE，REACT新一代框架的兴起，以及ES规范的完善，更多API的更新，Jquery这种大而全的JS库，未来的路会越走越窄。

2、Axios

基本语法：

axios({ method: "POST

和ajax区别_AJAX、Fetch和Axios的细微区别相关推荐

git提取和拉取的区别_git fetch和git pull的区别
[是什么]:平时开发经常遇到不清楚的问题就百度/google,目的是能快速使用并解决问题.这时我们没有花太多时间去深入理解,只求能快速解决手头问题. [为什么]但是如果要深入理解的话,发现有时候百度出 ...
[vue] ajax、fetch、axios这三都有什么区别？
[vue] ajax.fetch.axios这三都有什么区别? ajax, 实际上就是xmlHttpRequest, 旧瓶装新酒的一种新应用的称呼 fetch是新出的规范, 具体实现原理不太清楚, 但 ...
ajax、fetch和axios的比较
AJAX.Fetch.axios AJAX AJAX可以在不更新全局的情况下更新局部页面.通过在与服务器进行数据交换,可以使网页实现异步更新. AJAX的原理就是通过XHR对象来向服务器发起异步请求, ...
理解 ajax、fetch和axios
背景 ajax fetch.axios 优缺点 ajax基于jquery,引入时需要引入庞大的jquery库,不符合当下前端框架,于是fetch替代了ajax 由于fetch是比较底层,需要我们再次封 ...
Http Ajax技术哪家强？Axios、Superagent、Request、Fetch、Supertest技能大比拼！
Http Ajax技术哪家强?Axios.Superagent.Request.Fetch.Supertest技能大比拼! 现在,当您了解所有最著名的 JavaScript 框架时,是时候介绍 202 ...
2021前端面试题系列：fetch与axios、浏览器内多个标签页面通信及安全问题
大家好,我是前端岚枫,今天主要跟大家分享我整理的笔记2021前端面试题系列:fetch与axios.浏览器内标签页之间的通讯方法.XSS 和CSRF以及如何防范,此方面内容在我们的工作中常用到, 也是 ...
前端基础：vue（四）前后端交互promis、fetch、axios
接口调用方式原生ajax 基于jQuery的ajax fetch axios URL格式地址格式:schema://host:port/path?query#fragment schema:协议. ...
vue之购物车案例升级版、v-model之lazy、number、trim的使用、fetch和axios、计算属性、Mixins、虚拟dom与diff算法 key的作用及组件化开发
文章目录 1.购物车案例升级版(含价格统计.全选/反选.商品增加减少) 2.v-model之lazy.number.trim的使用 3.fetch和axios 3.1.通过jquery+ajax实现v ...
git:Git fetch和git pull的区别, 解决Git报错:error: You have not concluded your merge (MERGE_HEAD exists)....
Git fetch和git pull的区别, 解决Git报错:error: You have not concluded your merge (MERGE_HEAD exists). 解决办法一:保 ...

和ajax区别_AJAX、Fetch和Axios的细微区别

1、Jquery ajax

2、Axios

和ajax区别_AJAX、Fetch和Axios的细微区别相关推荐

最新文章

热门文章