stream API - 响应正文



在 Stream API 中,body 是 Response 接口的一个属性。用于获取 ReableStream 的 body 内容。它是一个只读属性。响应正文不是在单个正文中发送的,而是以小块形式发送,客户端在收到数据后立即开始处理。它不必等到完成响应。

语法


Response.body

对于使用 null body 属性创建的任何 Response 对象,此属性返回 ReadableStream 或 null。

在下面的程序中,我们将看到如何在 Stream API 中使用 Response Body。因此,我们使用 fetch() 向给定的 URL 发送一个 GET 请求。如果响应成功,则在 response.body.getReader() 的帮助下将响应正文作为 “ReadableStream” 获得。然后,我们定义一个 readMyStream() 函数来读取从流接收的数据块。如果发生任何错误,则 catch() 函数会成功处理该错误。


<script>
   // fetch() function to send GET request 
   fetch('http://example.com/')
   .then(response => {
      if (response.ok) {
      // Using body property we get the ReadableStream 
      const myReader = response.body.getReader();
   
      // Using this function we read the chunks 
      function readMyStream() {
         return myReader.read().then(({ done, value }) => {
            if (done) {
               // Stream is completed
               return;
            }
            // Process the data from the chunks 
            const receivedData = new TextDecoder().decode(value);
            console.log(receivedData);
   
            // Continue reading 
            return readMyStream();
         });
      }
      return readMyStream();
      } 
   })
   .catch(error => {
      // Handling error
      console.log('Found Error:', error);
   });
</script>

 结论

这就是 Response Body body body 的工作原理。在使用 Response body 之前,请始终检查指定的 API 是否支持流式响应。因为并非所有 API 都支持流式响应。现在在下一篇文章中,我们将学习 Stream API 中的字节读取器。