Autoryzacja nagłówka jQuery AJAX

Question

Próbuję autoryzować zapytanie AJAX oparte na this tutorial. Ustawia nagłówki żądań przed wysłaniem z odpowiednimi informacjami autoryzacyjnymi za pomocą biblioteki Crypto. Problem, który mam, polega na tym, że nagłówki nie są ustawione na żądanie. Oto mój kod:

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

Answer 1

Problem nie został ustawienie dataType do JSONP. Ponieważ tak się nie stało, przeglądarka interpretowała wywołanie jako standardowe żądanie AJAX, co oznaczało, że był blokowany w ramach zasad dotyczących tego samego pochodzenia.

kod Praca dla odniesienia (zasługa @pdeschen za sugerowanie Crpyto):

<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

Ten wreszcie wydaje się działać dla mnie. Mogą występować kolizje w oparciu o pojedyncze połączenie. Ustawia tę metodę jako domyślną dla przyszłych opcji połączenia.

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