fetch请求到底返回了啥

话不多说，上手代码

源自MDN的示例，一跑即知https://developer.mozilla.org/zh-CN/docs/Web/API/Body/json

 

首先新建一个request请求

var myRequest = new Request('http://admin.dev.lenteradana.co.id/node/config/get');    

request请求的结构 

用fetch发出请求，得到原始的response

fetch(myRequest)
  .then((response) => { console.log(response) })

 原始的response结构如下，注意body是一个可读流类型。

 

 所以我们对response用json()方法解析

fetch(myRequest)
  .then(function (response) { return response.json() })
  .then(function (data) { console.log(data) })

 返回内容如下。这才是我们一般需要取用的body 的内容。

 

总结：fetch请求返回一个response对象，对该对象进行response.json()后才能得到主体信息内容。

 

 

扩展：关于Response的已读

“Body.json() 读取 Response对象并且将它设置为已读（因为Responses对象被设置为了 stream 的方式，所以它们只能被读取一次）”

即：对同一个Response对象执行两次json()方法，报错如下

若场景需要复制，可用Response.clone()，对副本和源的已读状态互不影响