接收fetch请求返回的数据遇到的坑

 这一块坑还是比较多的,因为fetch请求不同于Ajax请求。

fetch(url).then( response=>console.log(response) )

如果直接这样打印出来是一个response对象 ,特别需要注意的是,此时拿到的仅仅是Response对象,如果需要更进一步获取到接口数据,必须进一步解析Response对象。本人就是在这儿卡了好久,打印出来一直是undefined。所以正确的做法如下:

fetch(
  '请求url',
  {
  method:"get",
}).then(res=> {
  return res.json()
  }
).then(res=>{
  console.log(res)
})

还有一个地方就是在第一次.then后,没加return,直接写的res.json(),还是一直有问题,

接收fetch请求返回的数据遇到的坑_第1张图片

看到一个博主加了return试了一下才成功取到。

接收fetch请求返回的数据遇到的坑_第2张图片

 补充知识:

关于Response对象读取内容方法解析:

response.text():得到文本字符串,如html数据。

你可能感兴趣的:(前端,html,javascript,json)