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こともできます。headersauthorization

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

Answer 3

他の回答で指摘されているように、JqueryAjaxの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) {


     });