AJAX的第二春!fetch!!!

Posted 苦逼前端的日常

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AJAX的第二春!fetch!!!相关的知识,希望对你有一定的参考价值。


曾经的我们是那么的年少。然鹅,时光荏苒,岁月如梭,一代新人换旧人。我们已经三十出头,成为了程序员中的大哥。

AJAX的第二春!fetch!!!

现如今,互联网界瞬息万变,最新技术层出不穷。Vue、Axios、React、Redux、Angular、Node...等等等等。

万幸的是,底层的东西是不变的。所以,我们今天就来聊一聊,那些底层的东西。


说起AJAX,相信大多数程序员都会本能的想起XMLHttpRequest。没错,XHR(小黄人)陪伴我们度过了许多岁月。但是,小黄人诞生的岁月,处于互联网的原始阶段。

AJAX的第二春!fetch!!!

各大浏览器你方唱罢我登场,并没有一个统一的Web标准。所以在今天看来,小黄人的设计显得较为混乱。曾经一度被我们使用的jQuery(这也是一个大哥)帮助我们进行了合理的封装。解决了我们的使用上的烦恼。但想要使用jQuery,我们就必须引入一个比较大的文件,这对于仅仅想要使用jQuery来进行发送ajax的我们来说并不十分友好。


于是,在日新月日的今天,浏览器也顺应潮流,增加了新的原生方式: fetch

AJAX的第二春!fetch!!!

fetch是浏览器对AJAX的另一种原生支持方式(非XMLHttpRequest)。提供了一种更合理,更简单的方式来异步获取数据。它是基于Promise的,所以目前不了解Promise的同学,请先查阅相关文档

二、发送GET请求

2.1 发送

想要发送请求,非常简单:一个最简单的发送请求的方式