前言
Streaming Server-Sent Events（简称 SSE）是一种新的服务器推送技术，通过 HTTP 连接实现服务器向客户端的数据推送，更加轻量级和高效。然而，IE 浏览器对 SSE 的支持存在一些问题，本文将介绍如何解决这些问题。
问题描述
在 IE 浏览器下，SSE 连接会存在如下问题：
- 没有
onerror事件。SSE 连接错误时无法触发onerror事件。 - 需要创建 XDomainRequest 对象。IE10 以下版本不支持 CORS，需要创建 XDomainRequest 对象来实现。
readyState返回 3。IE 浏览器在readyState返回 3 时并不是所有数据都已经接收完毕。
这些问题可能会导致 SSE 在 IE 下出现无法连接、无法重连等问题，需要特别注意。
解决方案
为了解决上述问题，我们需要采取如下措施：
- 通过
onreadystatechange和responseText来获取 SSE 数据流。 - 将 SSE 数据流解析为事件，并手动触发对应事件。
- 如果连接错误，手动触发
onerror事件。
示例代码如下：
-- -------------------- ---- ------- -- ------------------- --- --------- -- ----------------------------------- --- --- - ------------------ - -------- ----- - --- --- - --- ----------------- --------------- ---- ------ ------------------------------------- ------------ ------------------------------ --------------------- ---------------------- - -------- -- - -- --------------- --- -- - --- ---- - ----------------------------- --- --- - --- --- ---- - - -- - - ------------ ---- - --- ----- - ------------------- -- ------------- - -- - ------------- - ------------------ - ---- -- ---------------- - -- - ------------- - --- - - -- --------- --- ---------- - --- ----- - --- ----------------------- - ----- --------- ------- ---------------- ------------ ------ --- ------------ - ------- --------------------- - ---- -- ---------- --- ---------- - --- ----- - --- ----------------- -------------------------- ----- ------ ------------ - ------- --------------------- - - -- ----------- - -------- -- - ----------------- ---------------- -- ----------- -- -展开代码
使用指南
使用 EventSource 对象同样可以像标准浏览器一样实现 SSE，具体使用方式如下：
var sse = new EventSource("/sse"); sse.onmessage = function (evt) { console.log("Received data: " + evt.data); }; sse.onerror = function (evt) { console.error("Error occured"); };
总结
SSE 是一种高效的服务器推送技术，但是在 IE 浏览器下存在支持问题，需要特别注意和解决。通过本文的介绍和示例代码，希望读者可以掌握如何解决 IE 浏览器对 SSE 的支持不完全问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a4c47eadd4f0e0ffd19468
