javascript - 如何通过 AJAX 调用触发浏览器的基本身份验证对话框？

Question

我正在使用基本身份验证来保护仅在我们公司网络内部公开的一组 WCF Web 服务，我想知道是否有一种方法可以在 Web 服务返回时触发浏览器的凭据对话框以从 AJAX 调用中显示出现 401 错误？

目前，我的 AJAX 调用收到 401 作为常规失败请求，并且不会提示浏览器执行任何操作。但是，如果我采用相同的 URI 并将其复制粘贴到浏览器的 URL 栏中，则返回的 401 会正确触发基本身份验证对话框。

有没有办法让 AJAX 回调告诉浏览器弹出那个对话框？

Answer 1

使用您的 url 动态创建一个 iframe 并附加到文档。它将触发身份验证表单。添加 iframe 的 jQuery 代码片段

$('<iframe src="your_url"></iframe>').appendTo('body')

这里是一个非常简单的例子:

var url = 'your_url_here';
$.ajax({
    url: url,
    error: function(response){
        if(response.status==401){           
            $('<iframe src="'+url+'"></iframe>').appendTo('body');          
        }
    },
    success:function(){
        //your success code here
    }
});