当涉及到客户端通知时，有两种主要的技术可以选择：AJAX推送和轮询。本文将深入研究这两种方法，并探讨它们的优缺点以及何时使用哪种方法。
AJAX推送
AJAX推送（也称为Comet）指的是服务器使用长连接与客户端保持打开的网络连接，并在有数据更新时立即向客户端推送消息。以下是一个简单的例子，展示如何使用AJAX推送：
-------- ---------------- -
--- ------ - --- -----------------------
---------------- - --------------- -
--------------------- ------ -- ------------
--
-在上面的代码中，我们使用了 EventSource 对象来建立一个与服务端的长连接，然后当服务端有数据更新时，它会自动触发 onmessage 事件，从而调用回调函数并接收新的消息。
优缺点
AJAX推送的主要优点是实时性很高，因为数据可以立即被推送到客户端，而不需要等待轮询周期。此外，由于只有在有数据更新时才会发送请求，所以性能比轮询更好。
然而，AJAX推送也有一些缺点。首先，它需要使用长连接与服务端保持连接，这会占用服务器资源。其次，AJAX推送不是所有浏览器都支持，特别是旧版的浏览器可能无法处理长连接，这可能会导致兼容性问题。
何时使用
如果您需要实时更新数据并且您的应用程序需要高度可扩展性，则应该选择AJAX推送。但是，如果您的应用程序只需要在特定时间间隔内进行数据轮询，那么另一种方法可能更好。
轮询
轮询是指客户端以固定的时间间隔向服务端发送请求，并检查是否有新数据。以下是一个简单的例子，展示如何使用轮询：
-------- -------------- -
---------------------- -
-------------- -------------- -
--------------------- ----- -- ------
---
-- ------
-在上面的代码中，我们使用 setInterval 函数每秒钟发送一个GET请求到 /data 端点，然后在获取到数据后调用回调函数来处理数据。
优缺点
轮询的主要优点是兼容性好，因为它适用于所有类型的浏览器。此外，由于它只在需要时才发送请求，因此可以控制占用服务器资源的数量。
然而，轮询也有一些缺点。首先，它不够实时，因为它必须等待下一个轮询周期才能获取数据。其次，如果轮询间隔太短，将占用服务器资源。
何时使用
如果您的应用程序只需要在特定时间间隔内进行数据轮询，并且您希望确保兼容性，则应该选择轮询。但是，如果您需要实时更新数据，则另一种方法可能更好。
结论
无论您选择哪种技术，对于客户端通知来说，都有优缺点。AJAX推送适用于需要实时更新数据并且需要高度可扩展性的应用程序，而轮询则适用于需要数据轮询，并要保持高兼容性的应用程序。
当然，这不是一个非黑即白的选择。如果您的应用程序需要同时支持实时更新和数据轮询，那么可以结合使用这两种技
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27815