jQuery 및 Ajax에서 기본 인증 사용

질문 : jQuery 및 Ajax에서 기본 인증 사용

---

브라우저를 통해 기본 인증을 생성하려고하는데 거기에 도달 할 수 없습니다.

이 스크립트가 여기에 없으면 브라우저 인증이 인계되지만 사용자가 곧 인증을 수행 할 것임을 브라우저에 알리고 싶습니다.

주소는 다음과 같아야합니다.

http://username:password@server.in.local/

양식이 있습니다.

<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!');
    }
});

답변

---

jQuery의 beforeSend 콜백을 사용하여 인증 정보와 함께 HTTP 헤더를 추가합니다.

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

출처 : https://stackoverflow.com/questions/5507234/use-basic-authentication-with-jquery-and-ajax