Ajax authentication with jQuery

Question

I can get the requested xml with

curl -X GET -u username:password url 

but not with

 $.get('url', {username:"username",password:"password"}, function (data) { }); 

No JavaScript errors, no cross-power issues. This may be a syntax error, but so far it has not been possible to find a worthy textbook. Any suggestions please?

Answer 1

I think you need a simple format:

 $.ajax({ type: 'GET', url: 'url', dataType: 'json', //whatever you need beforeSend: function (xhr) { xhr.setRequestHeader('Authorization', make_base_auth(user, password)); }, success: function () {}); }); function make_base_auth(user, password) { var tok = user + ':' + password; var hash = btoa(tok); return 'Basic ' + hash; } 

Answer 2

As an alternative to beforeSend you can use the headers property to add an authorization header.

 $.ajax({ type: 'GET', url: 'url', dataType: 'json', headers: { "Authorization": make_base_auth(user, password) } success: function () {}); }); 

Answer 3

As pointed out in another answer, you should use the sendSend JQuery Ajax function to add an authorization header

 function setAuthHeader(xhr){ var creds = username + ':' + password; var basicScheme = btoa(creds); var hashStr = "Basic "+basicScheme; xhr.setRequestHeader('Authorization', hashStr); } $.get('url', beforeSend: setAuthHeader, function (data) { });