jQuery AJAX 헤더 인증

Question

this tutorial을 기반으로 AJAX 쿼리를 인증하려고합니다. Crypto 라이브러리를 사용하여 적절한 권한 정보와 함께 보내기 전에 요청 헤더를 설정합니다. 내가 가지고있는 문제는 요청시 헤더가 설정되지 않는 것입니다.

beforeSend : function(xhr) { 
    var bytes = Crypto.charenc.Binary.stringToBytes(username + ":" + password); 
    var base64 = Crypto.util.bytesToBase64(bytes); 
    xhr.setRequestHeader("Authorization", "Basic " + base64); 
}, 

Answer 1

이 문제가 dataTypeJSONP에 설정되지 않은 : 여기에 내 코드입니다. 이것이 이루어지지 않았기 때문에 브라우저는 호출을 표준 AJAX 요청으로 해석했기 때문에 동일한 출처 정책에 따라 차단되었습니다. 참조

작동 코드 (신용 Crpyto을 제안하기위한 @pdeschen에 간다) :

<script type='text/javascript'> 
// define vars 
var username = ''; 
var password = ''; 
var url = ''; 

// ajax call 
$.ajax({ 
    url: url, 
    dataType : 'jsonp', 
    beforeSend : function(xhr) { 
     // generate base 64 string from username + password 
     var bytes = Crypto.charenc.Binary.stringToBytes(username + ":" + password); 
     var base64 = Crypto.util.bytesToBase64(bytes); 
     // set header 
     xhr.setRequestHeader("Authorization", "Basic " + base64); 
    }, 
    error : function() { 
     // error handler 
    }, 
    success: function(data) { 
     // success handler 
    } 
}); 
</script> 

Answer 2

이 마지막으로 나를 위해 작동하는 것 같다. 개별 통화 기준으로 충돌이 발생할 수 있습니다. 이 메서드를 향후 연결 옵션의 기본값으로 설정합니다.

//Function(jqXHR jqXHR) 
$.ajaxSetup({beforeSend: function(jqXHR) { 
    jqXHR.setRequestHeader("My-Header", "My-Value"); 
} });