Set Headers with jQuery.ajax and JSONP?

Question

I am trying to access google docs with jQuery. Here's what I have so far:

var token = "my-auth-token";
$.ajax({
  url: "http://docs.google.com/feeds/documents/private/full?max-results=1&alt=json",
  dataType: 'jsonp',
  beforeSend: function(xhr) {
    xhr.setRequestHeader("Authorization", "GoogleLogin auth=" + token);
  },
  success: function(data, textStatus, XMLHttpRequest) {
  },
  error: function(XMLHttpRequest, textStatus, errorThrown) {
  }
});

It doesn't allow me to set headers if I set the dataType to jsonp (from Make Cross Domain Ajax Requests with jQuery). If I leave out jsonp, I can't make the cross-domain request. If I use jQuery.getJSON, I can't pass in any headers...

Is there any way to define custom headers when making a cross-domain ajax request (in jQuery)?

SLaks · Accepted Answer · 2010-06-18 21:55:57Z

69

This is not possible.

A JSONP request works by creating a <script> element with its src attribute set to the request URL.
You cannot add custom headers to the HTTP request sent by a <script> element.

answered Jun 18, 2010 at 21:55

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Lance Pollard Over a year ago

thanks, great to know. follow-up question: stackoverflow.com/questions/3073336/….

Collectives™ on Stack Overflow

Set Headers with jQuery.ajax and JSONP?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related