XMLHttpRequest接受chunked编码传输的HTTP Response时有问题

实际中遇到的问题,虽然没有最终解决,但是浪费了好长事件,记录下来,避免再次踩坑。

现在前端框架发送Ajax请求时,大部分组件最终都是调用的XMLHttpRequest对象来发送和接受请求。

使用XMLHttpRequest接受流式chunked编码的数据时(Transfer-Encoding: chunked),出现了如下问题:

|--------------------------|------------------------------|--------------------------|
| 响应的Content-Type | 谷歌浏览器 | 火狐浏览器 |
| 未设置 | 接收到1k左右的内容后才会触发 onprogress事件 | 接收到第一次内容后就触发onprogress事件 |
| text/plain | 接收到1k左右的内容后才会触发 onprogress事件 | 接收到第一次内容后就触发onprogress事件 |
| application/octet-stream | 接收到第一次内容后就触发onprogress事件 | 接收到第一次内容后就触发onprogress事件 |
| text/event-stream | 接收到第一次内容后就触发onprogress事件 | 接收到第一次内容后就触发onprogress事件 |

相关推荐
嘿siri5 小时前
html全局遮罩,通过websocket来实现实时发布公告
前端·vue.js·websocket·前端框架·vue·html
Nejosi_念旧7 小时前
开发常用工具
flutter·vue·gitlab·postman
城沐小巷2 天前
基于Springboot实现旅游网站系统开发
spring boot·vue·旅游
web网站装修工3 天前
vue3.0如何快速封装自定义指令!
前端·javascript·vue.js·elementui·前端框架·node.js·vue
【天涯过客】3 天前
vue 学习笔记 - 创建第一个项目 idea
学习·vue
web2u4 天前
【鱼皮大佬API开放平台项目】Spring Cloud Gateway HTTPS 配置问题解决方案总结
vue.js·nginx·http·spring cloud·https·vue·springboot
谁不想飞舞青春4 天前
Vue2中使用正则表达式限制输入框输入
前端·javascript·vue.js·正则表达式·vue
寰宇软件4 天前
PHP智慧小区物业管理小程序
小程序·uni-app·vue·php
寰宇软件4 天前
PHP政务招商系统
uni-app·vue·php·政务
Southern Wind4 天前
vue3封装el-tour漫游式引导
前端·typescript·vue