How do I make a JSONP call with JQuery with Basic Authentication?

The JSONP request does not use the XMLHttpRequest Object / System. Hence there is no way to do this directly.

I tried several times the approach mentioned in FinnNk’s answer, but finally gave up after reading this discussion on the JQuery mailing list.

Update

When I said “no way to do this directly”, what I meant is:

  • You can’t programmatically set the HTTP auth credentials (However, most browsers I have tested will prompt the user for credentials)
  • If you don’t want the user to enter the credentials manually, you need to use a server to proxy your request. See this blog post for an excellent description and example.

Leave a Comment