如何使用JQuery AJAX使用HTTP Basic Auth阻止Firefox提示用户名/密码？

Question

我正在编写一些浏览器端动态功能，并使用HTTP Basic Auth来保护一些资源。 用户体验非常重要，并且高度定制。

这是一个简单的测试JQuery方法，最终将测试用户是否在表单中提供了正确的凭据：

$(document).ready(function() {
    $("#submit").click(function() {
    var token = Base64.encode($('#username').val() + ':' + $('#password').val());        
    $.ajax({
      url: '/private',
      method: 'GET',
      async: false,
      beforeSend: function(req) {
        req.setRequestHeader('Authorization', 'test:password');
      },
      error: function(request, textStatus, error) {
        if (request.status == 401) {
          alert('401');
        }
      }
    });
    return false;
  });
});

如果他们不被允许访问/private ，那么他们应该只看到警报框。 但是，在Firefox上，会弹出一个浏览器提供的登录表单（使用新凭据重试）。 Safari不会这样做。

我们希望通过自定义表单，淡入淡出，转换等完全控制体验。如何防止Firefox的默认框显示？ （如果我们测试IE时会出现这个问题，我也很乐意听到那里的解决方案。）

Answer 1

解决方案是将WWW-Authenticate标头设置为Basic以外的其他标头。 例如，将其设置为：

WWW-Authenticate: None

要么

WWW-Authenticate: FormBased

如果您使用基于表单的登录。 然后浏览器不会显示登录窗口。

Answer 2

不幸的是，我在这里遇到同样的问题。

在我看来，浏览器不应该提示xmlhttprequest。 我真的希望有人会推动这一点，因为人们真的想要转向jQuery以满足他们的身份验证需求。

那么这里是我能给你的帮助，我发现了这个jQuery Digest的东西，我不知道它真正做了什么或者什么，但是如果有人能够以正确的方式使用这个代码，我们可以有一个jquery digest auth系统。

https://www.openhub.net/p/digestj

我想用这个方便的新的AuthDigestDomain选项，我们可以重写上面的脚本或者其他任何东西并将安全区域“链接”在一起，我们可以一劳永逸地解决这个问题。 嗯...祝你好运=）

Answer 3

如果你还没看过：

如何抑制浏览器的身份验证对话框？

看起来不太有希望:)

Answer 4

我找到了这个身份验证弹出问题的解决方法。

WWW-Authenticate: None

不适合我，但我补充说

'Authorization': 'Basic'

到标题，它就像一个魅力。