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

jquery json jsonp basic-authentication
Jason picture Jason · Oct 28, 2009 · Viewed 12.6k times · Source

Using JQuery, how would I call a JSONP API that required basic authentication?

Can I programatically handle this, or does the user have to interact and enter the username and password into the logon dialog?

Answer

HRJ picture HRJ · Nov 7, 2009

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.

Related questions

CORS header 'Access-Control-Allow-Origin' missing

I'm calling this function from my asp.net form and getting following error on firebug console while calling ajax. Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://anotherdomain/test.json. (Reason: CORS header 'Access-Control-Allow-Origin' …

Read More
JSON string to JS object

I am using a JS object to create graphs with Google visualization. I am trying to design the data source. At first, I created a JS object client-side. var JSONObject = { cols: [{ id: 'date', label: 'Date', type: 'date' }, { id: 'soldpencils', label: …

Read More
Javascript search inside a JSON object

I had a JSON string / object in my application. {"list": [ {"name":"my Name","id":12,"type":"car owner"}, {"name":"my Name2","id":13,"type":"car owner2"}, {"name":"my Name4","id":14,"type":"car owner3"}, {"name":"my Name4","id":15,"type":"car owner5"} ]} I had …

Read More