用 js fetch 写一个 stream 请求的代码

发表于：2023-09-20 3498次阅读来源：金宣助手

以下是使用JavaScript的fetch函数来发送stream请求的示例代码： ```javascript // 创建一个可读流并发送请求 fetch(url) .then(response => { // 确保响应成功 if (!response.ok) { throw new Error('请求失败'); } // 返回一个新的Response对象 return response.body; }) .then(body => { // 创建一个可读流的阅读器 const reader = body.getReader(); // 定义一个函数来读取数据 function read() { reader.read().then(({ done, value }) => { // 检查是否读取完毕 if (done) { console.log('数据读取完毕'); return; } // 处理读取到的数据（这里假设返回的是文本数据） const text = new TextDecoder().decode(value); console.log(text); // 继续读取下一段数据 read(); }); } // 开始读取数据 read(); }) .catch(error => { console.error('请求失败:', error); }); ``` 在这个例子中，我们首先使用fetch函数发送一个GET请求，并通过response.body访问响应的可读流。然后，我们使用getReader方法创建一个可读流的阅读器，并通过阅读器的read方法读取数据。读取过程采用递归方式，直到读取完所有数据为止。请注意，在实际使用中，你可能需要根据响应的内容类型进行不同的处理，而不仅仅是将数据转换为文本。此外，还需要处理错误情况和其他可能出现的问题，以确保代码的鲁棒性。

AI智能问答网免责声明：
本内容由ChatGPT3.0生成，可能存在逻辑不清、乱码等问题，点这里>>使用AI高级版(GPT4.0)，更聪明、更完整、无乱码！
以上内容除特别注明外均来源于网友提问、ChatGPT回答，权益归原著者所有，本站仅作效果演示和欣赏之用；

用 js fetch 写一个 stream 请求的代码

【顶部】【打印】【关闭】

热门资讯

服务

关于

官网微信公众号

联系我们

用 js fetch 写一个 stream 请求的代码

【顶部】 【打印】 【关闭】

热门资讯

服务

关于

官网微信公众号

联系我们

【顶部】【打印】【关闭】