AngularJS 是一个流行的前端框架，它提供了许多功能来简化前端开发。其中一个重要的功能是 $http 服务，它允许我们通过 AJAX 请求从服务器获取数据。然而，在实际开发中，我们可能需要对这些请求进行一些额外的处理，例如添加认证信息、统计请求次数等等。这时候，$http 拦截器就派上用场了。
$http 拦截器
$http 拦截器是 AngularJS 提供的一个功能强大的机制，它允许我们在发送请求和接收响应之前对它们进行拦截和修改。这个机制非常灵活，可以用来实现各种需求，例如：
- 添加认证信息
- 统计请求次数
- 处理错误信息
- 缓存请求结果等等
下面是一个简单的示例，演示如何使用 $http 拦截器来添加认证信息：
----------------------- ---
--------------------------- -------- ------------ -
------ -
-------- -------- -------- -
--- ----------- - -----------------
-- ------------- -
---------------------------- - ------- - - ------------------
-
------ -------
-
--
--
---------------- --------------- -
---------------------------------------------------
---在这个示例中，我们通过 $httpProvider.interceptors.push() 方法将 authInterceptor 添加到了 $http 拦截器列表中。这个拦截器会在每个请求发送前被调用，它会检查当前用户是否已经登录，如果是的话就添加一个 Authorization 头部，值为当前用户的 token。
$rootScope.$broadcast
在实际开发中，我们经常需要在不同的 AngularJS 控制器之间共享数据。这时候，$rootScope.$broadcast 就可以派上用场了。
$rootScope.$broadcast 是一个事件广播机制，它允许我们在一个 AngularJS 应用程序中广播和监听事件。下面是一个简单的示例，演示如何使用 $rootScope.$broadcast 来在不同的控制器之间共享数据：
----------------------- ---
-------------------- -------- ------------ -
-------------------------------- ------ ------ ---------
--
-------------------- -------- -------- -
--------------------- -------- ------- ----- -
----------- - ----------
---
---在这个示例中，我们在 ctrl1 控制器中广播了一个名为 myEvent 的事件，并传递了一个包含数据的对象。在 ctrl2 控制器中，我们使用 $scope.$on() 方法来监听这个事件，并在事件发生时更新 $scope 中的数据。
总结
AngularJS 中的 $http 拦截器和 $rootScope.$broadcast 是两个非常有用的功能，它们可以帮助我们更好地管理和处理 HTTP 请求和共享数据。在实际开发中，我们应该根据具体需求灵活运用它们，以提高代码的可维护性和可扩展性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66405f70d3423812e4e8069b