客户端通知，我应该使用 AJAX 推送还是轮询？-JavaScript中文网-JavaScript教程资源分享门户

当涉及到客户端通知时，有两种主要的技术可以选择：AJAX推送和轮询。本文将深入研究这两种方法，并探讨它们的优缺点以及何时使用哪种方法。

AJAX推送

AJAX推送（也称为Comet）指的是服务器使用长连接与客户端保持打开的网络连接，并在有数据更新时立即向客户端推送消息。以下是一个简单的例子，展示如何使用AJAX推送：

function startListening() {
  var source = new EventSource("/stream");
  source.onmessage = function(event) {
    console.log("Received event: ", event.data);
  };
}

在上面的代码中，我们使用了 EventSource 对象来建立一个与服务端的长连接，然后当服务端有数据更新时，它会自动触发 onmessage 事件，从而调用回调函数并接收新的消息。

优缺点

AJAX推送的主要优点是实时性很高，因为数据可以立即被推送到客户端，而不需要等待轮询周期。此外，由于只有在有数据更新时才会发送请求，所以性能比轮询更好。

然而，AJAX推送也有一些缺点。首先，它需要使用长连接与服务端保持连接，这会占用服务器资源。其次，AJAX推送不是所有浏览器都支持，特别是旧版的浏览器可能无法处理长连接，这可能会导致兼容性问题。

何时使用

如果您需要实时更新数据并且您的应用程序需要高度可扩展性，则应该选择AJAX推送。但是，如果您的应用程序只需要在特定时间间隔内进行数据轮询，那么另一种方法可能更好。

轮询

轮询是指客户端以固定的时间间隔向服务端发送请求，并检查是否有新数据。以下是一个简单的例子，展示如何使用轮询：

function startPolling() {
  setInterval(function() {
    $.get("/data", function(data) {
      console.log("Received data: ", data);
    });
  }, 1000);
}

在上面的代码中，我们使用 setInterval 函数每秒钟发送一个GET请求到 /data 端点，然后在获取到数据后调用回调函数来处理数据。

优缺点

轮询的主要优点是兼容性好，因为它适用于所有类型的浏览器。此外，由于它只在需要时才发送请求，因此可以控制占用服务器资源的数量。

然而，轮询也有一些缺点。首先，它不够实时，因为它必须等待下一个轮询周期才能获取数据。其次，如果轮询间隔太短，将占用服务器资源。

何时使用

如果您的应用程序只需要在特定时间间隔内进行数据轮询，并且您希望确保兼容性，则应该选择轮询。但是，如果您需要实时更新数据，则另一种方法可能更好。

结论

无论您选择哪种技术，对于客户端通知来说，都有优缺点。AJAX推送适用于需要实时更新数据并且需要高度可扩展性的应用程序，而轮询则适用于需要数据轮询，并要保持高兼容性的应用程序。

当然，这不是一个非黑即白的选择。如果您的应用程序需要同时支持实时更新和数据轮询，那么可以结合使用这两种技

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/27815