JQuery 中的跨站点 HTTP 身份验证答案

【问题标题】：Cross site HTTP authentication in JQueryJQuery 中的跨站点 HTTP 身份验证
【发布时间】：2012-06-02 08:17:02
【问题描述】：

我想看看是否可以登录到使用 HTTP 身份验证的第三个站点。理想情况下，浏览器将存储凭据。不幸的是，这每次都失败。任何帮助将不胜感激，我正在使用我已经测试过的 base64 Jquery 插件。

那么，两个问题：

如何查看 HTTP 状态码？
原则上这最终会奏效吗？

<script>
$("#login_button").click(function() {   
        var username = 'myFunUsername';
        var password = 'myFunPassword';

        $.ajax({
                url: 'http://remote-site-with-http-auth.com/member_site',
                beforeSend: function(xhr) {
                        xhr.setRequestHeader("Authorization", "Basic " + $.base64.encode(username + ":" + password));
                },
                success: function(data) { $("#label").text("Logged in, yay!"); }
        }).fail(function(){ $("#label").text("It didn't work"); });

});

谢谢！！

【问题讨论】：

jquery cross domain authentication 的可能重复项
嗨 B. VB，请查看该链接。该操作试图做同样的事情，但在响应中缺少一些标题。祝你好运！
Accessing web Service from jQuery - cross domain 可能有用
我看了看，但似乎并没有真正解决问题。特别是，使用wireshark，我什至看不到HTTP标头中的授权标头！
为什么需要status code？

标签： javascript jquery ajax http-authentication

【解决方案1】：

var user= 'myFunUsername';
var pwd= 'myFunPassword';
        $.ajax({
                url: 'http://remote-site-with-http-auth.com/member_site',
                crossDomain:true,
                username :user,// Keep the variable name different from parameter name to avoid confusion
                password:pwd,
                xhrFields: { /* YOUR XHR PARAMETERS HERE */}

                beforeSend: function(xhr) {
                       // Set your headers
                },
                success: function(data, textStatus, xhr) {
                    alert(xhr.status);// The status code
                    //Code for success
                }
        }).fail(function(){ 
               //Fail code here
               });

更多参数请参考http://api.jquery.com/jQuery.ajax/

【讨论】：