javascript - JQuery 中的跨站点 HTTP 身份验证

Question

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

那么，两个问题:

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

---

<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"); });

});

谢谢!!

Answer 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/