angularjs - 我希望我的 angular-loading-bar 自动处理 XHR 请求

Question

我在使用 XHR 请求的后端使用 JavaScript 框架 (wakanda)，在前端使用 AngularJS。

我使用了 angular-loading-bar，它可以完美地自动处理 HTTP 请求，但它不能自动处理 XHR 请求。

有什么方法可以让它在 XHR 上自动运行吗？

Answer 1

XHR 与 HTTP

第一个 XHR 代表“XmlHTTPRequest API”()。(另见 W3C spec version 和 Mozilla documentation )这个 API 由 Microsoft 引入，然后由 WHATWG 和 W3C 标准化，促进了基于 Ajax 的网站和 Web 应用程序的创建。当你发出 XHR 请求时，它会发送一个 HTTP 请求

$http 与 HTTP

angular-loading-bar使用 angularJS $http拦截器监听所有使用 Angular $http API 完成的 HTTP 请求。Angular $http API 使用 XHR 发出 HTTP 请求，但它不会覆盖 XMLHttpRequest，也不会覆盖其原型(prototype)。因此它无法拦截直接使用 XHR 的代码发出的 HTTP 请求。

angular-wakanda HTTP 请求

angula-wakanda是写在 Wakanda Framework data provider 之上的 angular.service .然后，它可以更轻松地使用偶尔添加到 Wakanda HTTP(REST、JSON-RPC)API 和/或 Wakanda 数据提供者之一的新功能进行 self 更新。由于此数据提供程序与框架无关(可以与 dojo、backbone 或其他任何东西一起使用)，它不使用 Angular 特定的 $http API，并且它的 HTTP 请求不会被 拦截> Angular 加载栏

如何解决？

为 Wakanda 数据提供者引入低级适配器层是 Wakanda 团队已经讨论过的事情。然后它可能允许选择在某些专用上下文中使用哪个 HTTP API(如在 XHR 不是 native HTTP API 的 nodejs 中)。 Github Wakanda Team Account 中应该有一个“数据提供者”专用的 github 存储库。将来。同时，您可以向 Angular-Wakanda Github repository 发送功能请求(不要犹豫，提及这个 Stack overflow 答案)，为什么不，也尝试为提案做一个分支 ;-)