jquery - 使用 jQuery 进行 Ajax 身份验证

Question

我能够收到请求的xml

curl -X GET -u username:password url

但不与

$.get('url',
        {username:"username",password:"password"},
        function (data) {


        });

没有 javascript 错误，没有跨域策略问题。这可能是一个语法错误，但我还没有找到一个像样的教程。请问有什么建议吗？

Answer 1

我认为你需要简单的格式：

$.ajax({
    type: 'GET',
    url: 'url',
    dataType: 'json',
    //whatever you need
    beforeSend: function (xhr) {
        xhr.setRequestHeader('Authorization', make_base_auth(user, password));
    },
    success: function () {});
});

function make_base_auth(user, password) {
    var tok = user + ':' + password;
    var hash = btoa(tok);
    return 'Basic ' + hash;
}

Answer 2

作为替代方案，beforeSend您可以使用该headers属性来添加authorization标题。

$.ajax({
    type: 'GET',
    url: 'url',
    dataType: 'json',
    headers: {
        "Authorization": make_base_auth(user, password)
    }
    success: function () {});
});

Answer 3

正如其他答案中所指出的，您应该使用 Jquery Ajax 的 beforeSend 函数来添加授权标头

function setAuthHeader(xhr){
            var creds = username + ':' + password;
            var basicScheme = btoa(creds);
            var hashStr = "Basic "+basicScheme;
            xhr.setRequestHeader('Authorization', hashStr);
    }

  $.get('url',
         beforeSend: setAuthHeader,
        function (data) {


     });