在现代 Web 应用程序中，服务器和客户端之间的实时通信已成为一种越来越受欢迎的模式。轮询是一种简单而可靠的技术，使客户端能够定期查询服务器以获取最新的数据。
在 AngularJS 中，可以使用全局的 HTTP 轮询服务来实现此目的。这个服务可以定期发送 HTTP 请求到服务器，并处理返回的响应数据。
如何创建全局 HTTP 轮询服务
创建全局 HTTP 轮询服务的第一步是定义一个服务。我们可以使用 AngularJS 的 factory() 方法来完成这个任务：
----------------------------- --------------- --------- - --- ------- - --- -- ------ ---- ------- ----- ---- ------ -------- ---
在上面的代码中，我们使用了 $http 和 $timeout 服务，它们分别用于发送 HTTP 请求和设置定时器。
接下来，我们需要定义轮询逻辑。以下示例演示了如何使用 $timeout 设置一个定时器，并在每个周期内调用 $http.get() 发送 HTTP 请求：
----------------------------- --------------- --------- -
--- ------- - ---
--- ---- - ---------- -
---------------------------------------------- -
-- ------- -------- ---- ----
-- -------- ---- ---- ------- ----- - -----
-------------- ------
-- --------------- -
-------------------- -------- -------
-- -------- ---- ---- ------- ----- - -----
-------------- ------
---
--
-- ----- ------- -----------
-------
------ --------
---在上面的代码中，我们定义了一个名为 poll() 的函数，该函数使用 $http.get() 发送 HTTP 请求，并在请求成功或失败时设置下一次定时器。这确保了如果服务器无法响应，则不会立即发送另一个请求。
如何使用全局 HTTP 轮询服务
要使用全局 HTTP 轮询服务，请将其添加到需要轮询数据的 AngularJS 控制器中：
------------------------------ ---------------- --------------- -
------------------------------------ -
-- ------ -- ---- --- ----
----------- - -----
---
---在上面的代码中，我们使用 onData() 方法注册一个回调函数，以便在每个轮询周期内更新 UI。回调函数的参数是从服务器返回的 JSON 数据。
总结
在本文中，我们介绍了如何创建和使用 AngularJS 全局 HTTP 轮询服务。此服务可用于定期查询服务器以获取最新的数据，从而实现实时 Web 应用程序的通信。通过使用 $http 和 $timeout 服务，我们可以轻松地实现此功能，并提供可靠的轮询逻辑。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/29023