- AJAX 教程
- AJAX - 教程
- AJAX - 什么是 AJAX?
- Ajax - 历史
- Ajax - 动态站点与静态站点
- AJAX - 技术
- AJAX - action(操作)
- AJAX - XMLHttpRequest
- AJAX - 发送请求
- AJAX - 请求类型
- AJAX - 处理响应
- AJAX - 处理二进制数据
- AJAX - 提交表单
- AJAX - 文件上传
- AJAX - FormData 对象
- AJAX - 发送 POST 请求
- AJAX - 发送 PUT 请求
- AJAX - 发送 JSON 数据
- AJAX - 发送数据对象
- AJAX - 监控进度
- AJAX - 状态代码
- AJAX - 应用程序
- AJAX - 浏览器兼容性
- AJAX - 浏览器支持
- AJAX - 数据库操作
- AJAX - 安全性
- AJAX - 常见问题
- Fetch API 基础知识
- Fetch API - 基础知识
- Fetch API 与 XMLHttpRequest
- Fetch API - 浏览器兼容性
- Fetch API - headers
- Fetch API - 请求
- Fetch API - 响应
- Fetch API - 正文数据
- Fetch API - 凭证
- Fetch API - 发送 GET 请求
- Fetch API - 发送 POST 请求
- Fetch API - 发送 PUT 请求
- Fetch API - 发送 JSON 数据
- Fetch API - 发送数据对象
- Fetch API - 自定义请求对象
- Fetch API - 上传文件
- Fetch API - 处理二进制数据
- Fetch API - 状态代码
- Stream API 基础知识
- Stream API - 基础
- Stream API - 可读流
- Stream API - 可写流
- Stream API - 转换流
- stream API - 请求对象
- stream API - 响应正文
- Stream API - 错误处理
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 中的字节读取器。