When sending Basic Authentication credentials with an jQuery AJAX request like so:

$.ajax({

type: 'GET',

url: 'http://domain.com',

beforeSend : function(xhr) {

var credentials = btoa(username + ':' + password);

xhr.setRequestHeader("Authorization", "Basic " + credentials);

},

dataType: 'jsonp',

success: function(data) {

console.log(data);

},

});

It doesn't work because the dataType is JSONP. Changing the dataType to JSON works.

However if you need to use JSONP for CORS, you have to do the following workaround:

$.ajax({

type: 'GET',

url: 'http://username:password@domain.com',

dataType: 'jsonp',

success: function(data) {

console.log(data);

}

});