☰

jQueryとAjaxで基本認証を使用する 質問する

tag-icon • tag-icon javascript jquery ajax authentication
jQueryとAjaxで基本認証を使用する 質問する

ブラウザを通じて基本認証を作成しようとしていますが、実際にはそこに到達できません。

このスクリプトがここにない場合はブラウザ認証が引き継がれますが、ユーザーが認証をしようとしていることをブラウザに伝えたいと思います。

アドレスは次のようになります。

http://username:[email protected]/

フォームがあります:

<form name="cookieform" id="login" method="post">
      <input type="text" name="username" id="username" class="text"/>
      <input type="password" name="password" id="password" class="text"/>
      <input type="submit" name="sub" value="Submit" class="page"/>
</form>

そしてスクリプト:

var username = $("input#username").val();
var password = $("input#password").val();

function make_base_auth(user, password) {
  var tok = user + ':' + password;
  var hash = Base64.encode(tok);
  return "Basic " + hash;
}
$.ajax
  ({
    type: "GET",
    url: "index1.php",
    dataType: 'json',
    async: false,
    data: '{"username": "' + username + '", "password" : "' + password + '"}',
    success: function (){
    alert('Thanks for your comment!');
    }
});

ベストアンサー1

jQueryのbeforeSend認証情報を含む HTTP ヘッダーを追加するコールバック:

beforeSend: function (xhr) {
    xhr.setRequestHeader ("Authorization", "Basic " + btoa(username + ":" + password));
},

おすすめ記事