javascript - 如何在用户身份验证后打开新窗口并提取参数

Question

我正在制作一个简单的 Web 应用程序，我使用的服务提供商通过 OAuth 1.0 协议(protocol)进行身份验证。我想知道如何在用户从单独的浏览器窗口登录并授予访问权限后提取参数。我之前已经在 Objective-C 中使用事件为 iOS 应用程序完成了此操作，但我不知道如何使用浏览器和 JavaScript 来完成此操作。我假设我使用 addEventListener() 或 onClick() 类型方法执行类似的操作？另外，使用 JQuery 方法可以快速实现吗？详细信息如下。

我想要:

1. 打开一个单独的窗口以允许用户登录。

2. 然后用户将“授予”访问权限，此时页面将使用新附加到 URL 的参数重新加载。

3. 然后，我需要从 URL 中提取参数，即 verifier 和 token oauth_verifier=verifier&oauth_token=token用户登录后。

需要注意的一点:
服务提供商不允许回调。用户需要传递 oauth_callback=oob 作为参数。

下面的链接是我在寻找答案时经常遇到的链接，但它只是描述了如何打开一个新窗口并将用户指向一个 URL:

How to open a new window and insert html into it using jQuery?

感谢您的帮助!

Answer 1

如果您使用 JavaScript 打开一个新窗口(如您找到的链接中所述)，您可以访问 location 属性来读取 URL 参数吗？


var w = window.open();
console.log(w.location);


也许您需要使用 setInterval 或其他方法每 10 秒检查一次该值，以便在用户登录后更新后获取新的 URL 值。

希望这有帮助!