正文：HTML5服务器发送变乱（server-sent event）答应网页获得来自服务器的更新 EventSource是单向通讯的（是服务器向客户端的单向通讯，客户端接收来自服务器的变乱流）、基于HTTP协议（EventSource是基于标准的HTTP/HTTPS协议），利用长轮询或雷同的机制，但并不是完全双向的通讯、文本数据传输（通常用于传输文本数据，如服务器推送的消息或变乱）、自动重连（当毗连中断，EventSource会自动尝试重新毗连，不须要手动处置处罚重连）。 利用场景：适当须要从服务器获取实时信息的应用，例如股票行情或消息推送。 利用方式：1、直接利用浏览器自带EventSource，缺点：不可以自界说参数且只能get方式请求，无法向服务端转达请求参数，好比请求头中携带token [code] if (window.hasOwnProperty("EventSource")) { // url 接口 let source = new EventSource( "https://api.baichuan-ai.com/v1/chat/completions" ); // 当发生错误 source.onerror = function () { console.log("error"); }; // 当通往服务器的毗连被打开 source.onopen = function () { console.log("毗连乐成"); }; // 当接收到消息 source.onmessage = function (event) { console.log("服务器推送数据", event.data); }; }[/code]2、利用 EventSourcePolyfill ,办理利用EventSource无法在header中传参，缺点：只能get请求且无法向服务端转达请求参数 [code] import { EventSourcePolyfill } from "event-source-polyfill"; // url 接口 let source = new EventSourcePolyfill( "https://api.baichuan-ai.com/v1/chat/completions", { headers: { Authorization: "token", }, } ); // 当发生错误 source.onerror = function () { console.log("error"); }; // 当通往服务器的毗连被打开 source.onopen = function () { console.log("毗连乐成"); }; // 当接收到消息 source.onmessage = function (event) { console.log("服务器推送数据", event.data); };[/code]3、利用fetchEventSource，实现post请求方式 [code]import { fetchEventSource } from "@microsoft/fetch-event-source"; let es = new fetchEventSource( "https://api.baichuan-ai.com/v1/chat/completions", { headers: { Authorization: "token值", withCredentials: true, "Content-Type": "application/json", }, method: "post", // 参数 body: JSON.stringify({ username: "LIIIIII", password: "123456", }), onmessage(event) { console.log(event.data); }, onerror() { console.log("erroe"); }, } );[/code]到此这篇关于HTML5 服务器发送变乱(Server-Sent Events)利用详解的文章就先容到这了,更多相干HTML5 服务器发送变乱内容请搜索脚本之家从前的文章或继续浏览下面的相干文章，希望大家以后多多支持脚本之家！ 来源：https://www.jb51.net/html5/936713.html 免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！ |
/6 
|手机版|小黑屋|梦想之都-俊月星空
( 粤ICP备18056059号 )|网站地图
GMT+8, 2025-7-1 22:29 , Processed in 0.031817 second(s), 19 queries .
Powered by Mxzdjyxk! X3.5
© 2001-2025 Discuz! Team.
