响应对象在响应函数中无法正确呈现

时间:2020-10-19 20:07:30

标签: javascript web

所以我对这个基本的JAMstack前提不屑一顾,但是我对Response函数的工作方式有些困惑。 据我所知,访存会返回一个Promise,该Promise将作为对象解析,该Response应该正确读取/呈现到HTML页面中,但是当尝试这样做时,我仅将[Object object]呈现给浏览器

当我尝试使用响应对象本身(通过console.log())时,我得到一个看起来像这样的对象:

{ cf: [accessor cf], webSocket: [accessor webSocket], url: [accessor url], redirected: [accessor redirected], ok: [accessor ok], … }

我们应该如何准确地将响应对象呈现到有效的HTML页面中?

谢谢。

1 个答案:

答案 0 :(得分:0)

没关系,我知道了。 fetch()返回一个响应对象(在Promise中),可以使用各种函数来操纵它们,所有这些函数都是异步的。 要返回HTML,只需使用text()函数,但它也是异步的(它返回Promise),因此在使用await之前,将为您提供所需的HTML(如果您要这样做)。

类似地,如果您正在构建API,则也可以从响应对象中检索JSON。

全部在这里: https://developer.mozilla.org/en-US/docs/Web/API/Response