最新消息:20190529 VPS服务器已从腾讯云香港换为Vultr新加坡,主题仍用朋友推荐的大前端D8

【已解决】js中http的response中body的ReadableStream是什么类型和含义

HTTP crifan 706浏览 0评论

折腾:

【已解决】Django+jwt-token-auth的后端和Antd Pro的Reactjs的前端实现用户名密码错误人性化提示

期间,在调试前端reactjs的antd的login,在登录错误时:

代码:

<code>    *login({ payload }, { call, put }) {
      console.log("login: payload=", payload)

      const response = yield call(getUserToken, payload);

      console.log("response=", response)
</code>

可以看出:

reactjs中http的response中有个body的类型

在js的console中显示是:

ReadableStream

但是点击后,只有一个

locked: false

需要去研究搞清楚,到底是什么意思和类型

js readablestream

ReadableStream – Web APIs | MDN

Using readable streams – Web APIs | MDN

javascript – Retrieve data from a ReadableStream object? – Stack Overflow

javascript – Retrieve data from a ReadableStream object? – Stack Overflow

fetch-readablestream – npm

JavaScript can fetch() now and it’s not THAT great – A geek with a hat

去试试json

代码:

<code>function debugResponse(response){
  response.json().then(
    body =&gt; {
      console.log(`debugResponse`)
      console.log(`typeof body=`, typeof body)
      console.log(`body=`, body)
    }
  )

  return response
}
</code>

效果:

好像此处js的object,内部就是json

代码:

<code>console.log("JSON.stringify(body)=",JSON.stringify(body))
</code>

输出:

<code>JSON.stringify(body)= {"non_field_errors":["无法使用提供的认证信息登录。"]}
</code>

果然是json。

【总结】

此处js中的fetch返回的response中的body,默认就是ReadableStream类型

想要转换为(json的)字符串的话,可以写成

<code>  response.json().then(
    body =&gt; {
      console.log("JSON.stringify(body)=",JSON.stringify(body))
    }
  )
</code>

即可获得json的字符串。

转载请注明:在路上 » 【已解决】js中http的response中body的ReadableStream是什么类型和含义

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
68 queries in 0.108 seconds, using 18.75MB memory