jQuery AJAX Header Authorization

Question

Sto tentando di autorizzare una query AJAX basata su this tutorial. Imposta le intestazioni delle richieste prima di inviarle con le informazioni di autorizzazione appropriate utilizzando la libreria Crypto. Il problema che sto avendo è che le intestazioni non sembrano essere impostate su richiesta. Qui è il mio codice:

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

Answer 1

Il problema non stava tramontando il dataType-JSONP. Poiché ciò non è stato fatto, il browser ha interpretato la chiamata come una richiesta AJAX standard, il che significava che era bloccata in base allo stesso criterio di origine.

codice di lavoro di riferimento (il merito va a @pdeschen per suggerire 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

Questo finalmente sembra funzionare per me. Potrebbero esserci collisioni su base individuale. Imposta questo metodo come predefinito per le future opzioni di connessione.

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