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

1

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"

answered Feb 17, 2013 at 6:04

Phil Bozak

2,8401 gold badge21 silver badges27 bronze badges

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

1 Comment

CodeMonkey Over a year ago

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