ajax datatype_AJAX、Fetch和Axios的细微区别

前端技术真的是一个发展非常飞快地领域，现在只知道原生的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