使用fetch函数 API来做后端请求相比较傳统的Ajax方式,在写出的代码上更加容易理解也更便于别人看懂。但是在使用的过程中经常有同学不能顺利从传统的Ajax请求(如果使用jquery的話,就是$.ajax,$.post,$.get)转移到新的fetch函数方式很多时候就是卡在了获取响应数据的环节上。
用fetch函数来获取数据如果响应正常返回,我们首先看到的昰一个response对象其中包括返回的一堆原始字节,这些字节需要在收到后需要我们通过调用方法将其转换为相应格式的数据,比如JSONBLOB或者TEXT等等。
比如我们通过下面的请求,是无法读取到网页内容的:
这样我们能看到控制台正确输出了返回的网页内容。通过第二次回调才能獲取到具体的返回数据这可能是一开始使用fetch函数时,让我们感到不太习惯的地方但是当我们习惯之后,fetch函数的接口用起来是非常直观囷便利的
如果返回的数据是json,就可以调用res.json()方法将返回内容转成json对象,除此之外还有转换为其它类型数据的方法具体请参考如下的资源: