jQuery JSONP ajax, authentication header not being set

Question

I'm trying to make an ajax request to the google contacts API with the following setup:

$.ajax({   url: "https://www-opensocial.googleusercontent.com/api/people/@me/@all",   dataType: 'jsonp',   data: {     alt: 'json-in-script'   },   headers: {     'Authorization': 'Bearer ' + token   },   success: function(data, status) {     return console.log("The returned data", data);   } }); 

But the Authentication header doesn't seem to get set. Any ideas?

Answer 1

I had the same problem recently. Try this:

$.ajax({   url: "https://www-opensocial.googleusercontent.com/api/people/@me/@all",   dataType: 'jsonp',   data: {     alt: 'json-in-script'   },   success: function(data, status) {     return console.log("The returned data", data);   },   beforeSend: function(xhr, settings) { xhr.setRequestHeader('Authorization','Bearer ' + token); }  }); 

EDIT: Looks like it can't be done with JSONP. Modify HTTP Headers for a JSONP request

Answer 2

When authentication is needed in a cross domain request, you must use a proxy server of some sort.

Since using dataType: jsonp results in the HTTP request actually being made from the script that gets added to the DOM, the headers set in the $.ajax will not be used.