JQuery Cross Domain GET Request Not Working

Question

I am trying to set up a simple interface to test the Basecamp API. I have set my dataType = jsonp to avoid the cross-domain issue. When making the call I can see in the inspector that the response is sending back properly formatted JSON. However my error alerts show 4 and 200 but then the response text is 'undefined'. I am assume I am not properly converting from the jsonp to json but do I need to given I get the response I want? Or am I not accessing the response correctly.

Code:

function findAllProjects() { console.log('findAllProjects'); $.ajax({ type: 'GET', url: rootURL + "projects.json", username: "username", password: "password", crossDomain: true, //contentType: "application/json", dataType: "jsonp", // data type of response success: function(data) { alert(data[0].id); console.log("Success function!"); console.log(data); }, error: function(xhr, err) { //alert("Error!"); alert("readyState: "+ xhr.readyState+"\nstatus: "+ xhr.status); alert("responseText: "+ xhr.responseText); }, }); }

you can't send a username/password with a jsonp request other than as url parameters. — user400654
– user400654, Commented Jan 20, 2014 at 16:54

jmar777 · Accepted Answer · 2014-01-20 16:54:07Z

0

Your URL is for a .json file, but JSONP requires a JavaScript file that is specially formatted to pass the result into a function you control (or, managed by jQuery since you're using it). Either way, the server needs to support JSONP, you can't just request a JSON file and coerce it into a JSONP interaction.

answered Jan 20, 2014 at 16:54

jmar777

39.8k11 gold badges68 silver badges66 bronze badges

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

3 Comments

porterhaus Over a year ago

The API returns only json. I have it set to jsonp because that's the only way I can get it to execute. I am getting back a json response with data.

user400654 Over a year ago

@porterhaus then it is not possible to request said data using only client-side code, unless you modify the server-side response to either support CORS, or JSONP. currently it appears to support neither.

porterhaus Over a year ago

Thanks. I have concluded the same after researching a few of the other forumns. They are eventually planning support for it.

Ceres · Accepted Answer · 2014-01-20 17:00:26Z

0

Server side, needs to wrap the jason data with a function call. The name of the function is passed in the url as "?callback=?".

So instead of just returning your json object {...} fromt he server, you need to return

SomeFunctionName({...});

answered Jan 20, 2014 at 17:00

Ceres

3,6883 gold badges20 silver badges29 bronze badges

2 Comments

porterhaus Over a year ago

Is that a function of the server side response or can I request it as a matter of my request?

Ceres Over a year ago

jQuery is passing the name of the function in the request using the callback parameter in the url. SomeFunctionName should be what is in the callback parameter and is part of the server side response.

Collectives™ on Stack Overflow

JQuery Cross Domain GET Request Not Working

2 Answers 2

3 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Linked

Related