javascript - 根据服务器响应使用 chrome.webRequest 重定向用户

Question

看来我发现自己陷入了第 22 条陷阱。

我正在使用Chrome Web Request扩展程序中的事件来获取所有 Web 请求的 URL，如下所示:

chrome.webRequest.onBeforeRequest.addListener(
          function(request) { 
                var cat = getCategory(request.url);
                if(cat == "1") {
                       return {redirectUrl: "http://google.com"}
                  } else {
                      return {cancel: false}
                  }
              }
});

然后，我想使用 PHP 查询我的服务器以获取 URL 的类别。如果它的类别为 1，我想阻止它，如果它的类别为 0，我想允许请求通过。

我看到的一个大问题是，因为 getCategory 函数中有一个 AJAX 请求，所以它不会返回值，并且执行会照常继续。我需要找到一种方法来阻止执行，直到以某种方式实际收到返回，但我不太确定如何做到这一点，同时仍然能够将重定向 URL 返回到监听器函数。

同步请求几乎可以工作，只是您无法使用同步 AJAX 请求设置超时。因此，如果我们的服务器出现故障，无论类别如何，每个人的网络请求都将被阻止——这并不理想。

function getCategory(url) {
    request = $.ajax( // params);
    request.done(function)
// this code executes even before the done block finishes
}

我尝试过使用 AJAX 绑定(bind)，例如当前使用的 .done() 函数。我还尝试寻找方法来使同步请求超时并使用 .when().then() 函数组合，但我无法找到一种方法来返回正确范围内的值。

有没有办法可以从ajax请求到外部函数获取这个值？我所见过的所有尝试都有错误的返回范围。有谁知道这是否可能？

关于重组代码的想法也被接受! (只要它能与 chrome.webRequest 配合使用)

Answer 1

你不会从中得到太多。

在您的理想场景中，Chrome 在内部构建了特定的异常，也接受基于 promise 的返回值。

我怀疑情况确实如此，但您始终可以检查 API 文档以获取接受 Promise 或“thenable”的提及。

更有可能的解决方案是您需要提取 "category-1" 的整个列表。请求到您的客户端代码。

这要么必须放入程序中的对象/数组中，要么放在 localStorage 内.
因为您使用的是 Chrome 扩展程序，所以我假设 localStorage很可能在这里可用。

此外，同时localStorage会工作，WebSQL(死)和 IndexedDB 不会工作，因为它们也是异步访问(即使数据存储在客户端浏览器那里)。

此时，这些是您的选择。