当前位置: 首页 > news >正文

ReadableStream响应主体数据处理(截图自用)

Fetch 接口返回的是一个 Promise,解析后得到 Response 对象,包含如下重要信息:

基本信息

  • type:响应类型,如 'basic'(同源请求响应) 、'cors'(跨域资源共享请求响应)等,用于标识请求来源及处理方式。
  • url:本次响应对应的请求 URL,方便确认数据来源。
  • redirected:布尔值,指示请求过程中是否发生过重定向。
  • status:HTTP 状态码,像 200 表示成功,404 表示资源未找到等,反映请求处理结果。
  • statusText:状态码对应的文本描述,如 200 对应 “OK” 。
  • ok:布尔值,一般状态码在 200 - 299 范围时为 true,表示请求成功。

数据内容相关

  • headers:包含响应头信息,以键值对形式存在,可获取服务器返回的元数据,如 Content-Type(标识响应体数据类型 )、Cache-Control(缓存策略 )等。
  • body:类型为 ReadableStream,是响应的主体内容,像请求的网页 HTML 代码、API 返回的 JSON 数据等都在其中。需通过特定方法(如 text() 转文本、json() 转 JSON 对象等 )来提取使用。
  • 流式数据响应值Response 如下

  • const reader = response.body!.getReader();

const { done, value } = await reader.read();

 console.log(done, value,'done, value');

 const decoder = new TextDecoder();

 buffer += decoder.decode(value, { stream: true });

console.log(buffer,'buffer');

 const jsonStr = line.replace(/^(?:data:\s*)+/, '').trim();

 const parsed = JSON.parse(jsonStr);

 

parsed.event === 'message'

相关文章:

  • [net 6] udp_chat_server基于udp的简单聊天室(多线程的服务器与业务相分离)
  • C++11_2
  • 信息学奥赛一本通 1622:Goldbach’s Conjecture | 洛谷 UVA543 Goldbach‘s Conjecture
  • 【HDFS入门】HDFS与Hadoop生态的深度集成:与YARN、MapReduce和Hive的协同工作原理
  • 深度监听 ref 和 reactive 的区别详解
  • Spring Boot 实现 Excel 导出功能(支持前端下载 + 文件流)
  • ⭐ Unity 使用Odin Inspector增强编辑器的功能:UIManager脚本实例
  • React 对state进行保留和重置
  • 【gpt生成-其一】以go语言为例,详细描述一下 ​:语法规范​​BNF/EBNF形式化描述
  • 基于深度学习并利用时间信息在X射线血管造影中进行冠状动脉血管分割|文献速递-深度学习医疗AI最新文献
  • 【gpt生成-总览】怎样才算开发了一门编程语言,需要通过什么测试
  • 【OSCP-vulnhub】GoldenEye
  • 【专业解读:Semantic Kernel(SK)】大语言模型与传统编程的桥梁
  • v-model进阶+ref+nextTick
  • 爱普生FA2016AS晶振在智能家居中的应用
  • vue3项目启动bug
  • GitHub 从入门到精通完全指南(2025版)
  • 【FPGA】【DE2-115】DDS信号发生器设计
  • 游戏引擎学习第229天
  • RAG(检索增强生成)、ReAct(推理与行动) 和 多模态AI 的详细解析,包括三者的定义、工作原理、应用场景及协同关系
  • 江西4人拟任县(市、区)委书记,其中一人为“80后”
  • 技术派|威胁F-35、击落“死神”,胡塞武装防空战力如何?
  • 美国务卿会见叙利亚外长,沙特等国表示将支持叙利亚重建
  • 特朗普称即将与伊朗达成核协议,外交部:中方愿继续发挥建设性作用
  • 中国情怀:时代记录与家国镜相|澎湃·镜相第三届非虚构写作大赛暨七猫第六届百万奖金现实题材征文大赛征稿启事
  • 四川内江警方通报一起持刀伤人致死案:因车辆停放引起,嫌犯被抓获