jQuery AJAX Header Authorization

Question

Estoy tratando de autorizar una consulta AJAX basada en this tutorial. Establece los encabezados de solicitud antes del envío con la información de autorización adecuada mediante el uso de la biblioteca Crypto. El problema que tengo es que los encabezados no parecen configurarse a pedido. Aquí está mi código:

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

Answer 1

La cuestión no estaba poniendo el dataType-JSONP. Como esto no se hizo, el navegador interpretó la llamada como una solicitud AJAX estándar, lo que significaba que estaba siendo bloqueada bajo la misma política de origen.

código de trabajo para referencia (el crédito va a @pdeschen por sugerir 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

Este finalmente parece funcionar para mí. Podría haber colisiones en una llamada individual. Establece este método como predeterminado para las opciones de conexión futuras.

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