본문 바로가기

Snippets

Javascript로 HTTP 인증 처리하기.

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
이건 뭐... 비단 chrome 뿐만이 아니라 다른 모든 javascript에서도 이용이 가능하다.
다만 여기서는 AJAX로 통신을 하기 때문에 chrome에서 지원하는 XMLHttpRequest를 사용할 것이다.

핵심은 추가 Header에 있기 때문에 Ajax 통신에 있어서는 어떤걸 사용해도 상관 없을 것 같다.

var xhr = new XMLHttpRequest();

// make authorization header
var tok = user + ':' + password;
var hash = Base64.encode(tok);
var auth = "Basic " + hash;

xhr.open('GET' , #URL# , true);
xhr.setRequestHeader("Content-Type", "text/xml");
xhr.setRequestHeader('Authorization' , auth);
xhr.send();