How to retrieve a json from JavaScript

Question

I am trying to write a HTML5 mobile application and use jQuery to get a json from the url http://cin.ufpe.br/~rvcam/favours.json I tried using

var url='http://cin.ufpe.br/~rvcam/favours.json';
$.getJSON(url, function(data, status)
    {
        console.log(data);
        console.log(status);
    });

but nothing shows up on the console. I don't see what I am doing wrong.

[EDIT] I learned from another post that I can't normally retrieve information from another server. But this server in particular (cin.ufpe.br/~rvcam) is mine. Can I use PHP or some other method to allow my application to retrieve the data?

Try adding a .fail() callback and see if it's raising an error. The arguments will match $.ajax()'s error option -- (xhr, status, error). — Jonathan Lonowski
– Jonathan Lonowski, Commented Mar 23, 2014 at 0:38
@user2918054 It is possible, depending on the clients you need to support. But will require 2 edits: The "padding" of foo() will need to be removed from the file so that it's just JSON and the server will need to respond with CORS headers that allow the request. — Jonathan Lonowski
– Jonathan Lonowski, Commented Mar 23, 2014 at 1:05
$.ajax(url, {dataType:"jsonp",jsonpCallback:"foo"}).done(function(data) {...}); will tell jQuery to expect jsonp with the callback name foo. — nnnnnn
– nnnnnn, Commented Mar 23, 2014 at 1:19
@rvcam: Then you have to configure your server so that it can read the callback name from the URL and create the response dynamically. That won't work though if you are using a static file for that data. — Felix Kling
– Felix Kling, Commented Mar 23, 2014 at 1:44

steven · Accepted Answer · 2014-03-23 00:39:05Z

5

The URL doesn't return valid json. It returns some JavaScript that attempts to execute a function called "foo" and passes the object as an argument. This is commonly called "jsonp". It is a method of achieving cross domain ajax calls

answered Mar 23, 2014 at 0:39

steven

6464 silver badges8 bronze badges

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

2 Comments

rvcam Over a year ago

And how would I use $.getJSON to make these cross domain ajax calls?

steven Over a year ago

api.jquery.com/jQuery.ajax if you take a look at the section here for "jsonp" and "jsonpCallback" you should be able to figure out how to define foo and get the data

Prerender.io · Accepted Answer · 2014-03-23 00:38:51Z

2

Your http://cin.ufpe.br/~rvcam/favours.json file isn't valid json. The valid json is wrapped in foo(). Remove the foo() from that file and it will work.

answered Mar 23, 2014 at 0:38

Prerender.io

1,60410 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to retrieve a json from JavaScript

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related