Fetching JSON data from a URL in javascript?

Question

I am trying to retrieve data from a URL of the form http://www.xyz.com/abc.json. I have been trying to achieve this using the $.ajax method in the following manner.

 var json = (function () { var json = null; $.ajax({ 'async': false, 'global': false, 'url': "http://www.xyz.com/abc.json.", 'dataType': "json", 'success': function (data) { json = data; } }); return json; })();

However I am being unable to get this to run. I need to loop through the retrieved data and check for some specific conditions. This could have been achieved easily with the $.getJSon if the json data had a name to it, however the file is of the form:

 [{ "name": "abc", "ID": 46 }]

because of which I have to effectively convert and store it in a Javascript object variable before I can use it. Any suggestions on where I might be going wrong?

Phil Bozak · Accepted Answer · 2013-02-17 06:04:03Z

It looks like you will want to convert that data response to a json object by wrapping it with { } and then passing that to the json parser.

function (data) { json = JSON.parse("{\"arr\":"+data+"}").arr; }

Then to get your data, it would be

json[0].name //"abc"

I think you've made a good point of having to parse the data to make it back into a JSon object. The server still doesn't give me the desired data though. Trying to think of what might be the reason behind this.

cgajardo · Accepted Answer · 2013-02-17 05:08:27Z

0

So your question is how to convert a string to Json object? If you are using Jquery you can do:

jQuery.parseJSON( jsonString );

So your return should be:

return jQuery.parseJSON( json );

You can read documentation here

edited Feb 17, 2013 at 5:08

answered Feb 17, 2013 at 4:57

cgajardo

3641 gold badge2 silver badges17 bronze badges

3 Comments

cgajardo Over a year ago

I wasn't aware of $.get been async. I'll remove my suggestion

CodeMonkey Over a year ago

The URL points to a JSon file. Its not a string. I don't think this approach will do the job.

cgajardo Over a year ago

Can you give us an example of the data returned by the ajax call? make a console.log(data) inside success function.

Collectives™ on Stack Overflow

Fetching JSON data from a URL in javascript?

2 Answers 2

1 Comment

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Related