Fetch和Ajax比有什么优缺点?-笔试面试资料

这是qklbishe.com第7683 篇笔试面试资料
提供答案分析,通过本文《Fetch和Ajax比有什么优缺点?-笔试面试资料》可以理解其中的代码原理,这是一篇很好的求职学习资料
本站提供程序员计算机面试经验学习,笔试经验,包括字节跳动/头条,腾讯,阿里,美团,滴滴出行,网易,百度,京东,小米,华为,微软等互联网大厂真题学习背诵。

答案:

Fetch和Ajax比有什么优缺点?

Fetch和Ajax比有什么优缺点? Mr.mǎ.

1.jQuery ajax

$.ajax({

___type: ‘POST’,

___url: url,

___data: data,

___dataType: dataType,

___success: function () {},

___error: function () {}

});

优缺点:

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

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

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

2.axios

axios({

___method: ‘post’,

___url: ‘/user/12345’,

___data: {

______firstName: ‘Fred’,

______lastName: ‘Flintstone’

___}

})

.then(function (response) {

___console.log(response);

})

.catch(function (error) {

___console.log(error);

});

优缺点:

1. 从 node.js 创建 http 请求

2. 支持 Promise API

3. 客户端支持防止CSRF

4. 提供了一些并发请求的接口(重要,方便了很多的操作)

3.fetch

try {

___let response = await fetch(url);

___let data = response.json();

___console.log(data);

} catch(e) {

___console.log("Oops, error", e);

}

优缺点:

1. 符合关注分离,没有将输入、输出和用事件来跟踪的状态混杂在一个对象里。

2. 更好更方便的写法。

3. 更加底层,提供的API丰富(request, response)

脱离了XHR,是ES规范里新的实现方式。

1. fetchtch只对网络请求报错,对400,500都当做成功的请求,需要封装去处理

2. fetch默认不会带cookie,需要添加配置项

3. fetch不支持abort,不支持超时控制,使用setTimeout及Promise.reject的实现的超时控制并不能阻止请求过程继续在后台运行,造成了量的浪费

4. fetch没有办法原生监测请求的进度,而XHR可以

2021-03-12 20:50:17 回复(0)

文章部分来自互联网,侵权联系删除
www.qklbishe.com

区块链毕设网(www.qklbishe.com)全网最靠谱的原创区块链毕设代做网站
部分资料来自网络,侵权联系删除!
资源收费仅为搬运整理打赏费用,用户自愿支付 !
qklbishe.com区块链毕设代做网专注|以太坊fabric-计算机|java|毕业设计|代做平台 » Fetch和Ajax比有什么优缺点?-笔试面试资料

提供最优质的资源集合

立即查看 了解详情