引言
前端开发中，处理异步请求是必不可少的，而有许多方法可以实现。其中比较常见的有 Server-Sent Events（SSE）和 Asynchronous JavaScript and XML（AJAX）两种方式。本文将会分别介绍这两种方式的优缺点，以及在应用场景中选择合适的方式。
AJAX
AJAX 是通过 JavaScript 的 xmlhttprequest 对象实现异步请求。优点在于速度相对较快，且通用性较高，不仅限于文本和 XML，还可以处理各种类型文件。同时，也有许多插件和框架可以实现 AJAX 请求。使用 AJAX 的示例代码如下：
--- ----- - --- -----------------
------------------------ - ---------- -
-- ---------------- -- - -- ----------- -- ---- -
----------------------------------------- - ------------------
-
--
----------------- -------------- ------
-------------以上示例代码通过 XMLHttpRequest 对象发送 GET 请求，并在请求完成时将返回值写入 HTML 标签 demo 当中。
SSE
SSE 也是一种实现异步请求的方式，它与 AJAX 的不同之处是在于 SSE 是服务器推送数据，而非客户端请求数据。当服务器有更新时，会自动向客户端推送数据。SSE 可以实现长轮询（long polling）或短轮询（short polling）方式，合理的使用 SSE 可以减小服务器的负担，并能够实时地将数据推送到客户端。使用 SSE 的示例代码如下：
--- ------ - --- ---------------------------- ---------------- - --------------- - ----------------------------------------- - ----------- --
以上示例代码通过创建一个 EventSource 对象，连接服务器 demo_sse.php，当服务器有更新时，通过 onmessage 函数将更新的数据写入 HTML 标签 demo。
优缺点比较
从技术实现上来看，AJAX 与 SSE 有着各自独特的优缺点。AJAX 通用性较高、速度相对较快，并且可以通过大量插件和框架支持。SSE 则可以将数据实时推送到客户端，减小服务器的负担。但是 SSE 仅限于文本和 JSON 数据，并且浏览器支持度不如 AJAX。在使用时需要根据具体需求进行选择。
应用场景与选择
在具体应用场景中，AJAX 和 SSE 的选择有着不同。当我们需要实现即时聊天、实时推送消息等需求时，使用 SSE 是比较好的选择。而当需要请求各种类型的文件（如 XML、图片等）时，则需要使用 AJAX。
此外，在众多同步和异步请求技术中，AJAX 仍然是应用最广泛的技术，因为它比较通用、速度相对较快。在需要性能较高的场景中，可以考虑使用 SSE。
结论
本文介绍了 AJAX 和 SSE 实现异步请求的各自优缺点，并分析了在不同应用场景中如何进行选择。AJAX 和 SSE 都可以实现异步请求，且各有优劣，具体选择应根据需求来进行。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67220e792e7021665e0a2028