Converting JSON using jQuery

Question

In regular JavaScript, using the code below works fine and I can manipulate it easily:

var info = JSON.parse(document.getElementsByTagName("pre")[0].innerHTML);
alert(info[0]["AssetId"]);

But I'm working on a jQuery version of the same code to avoid using methods like iFrames to get this data. My jQuery function is:

$.get (
    page,
    function parse(data) {
        var r = $.parseJSON(data);
        alert(r[0]["AssetId"]);
    }
);

I found ways to convert the JSON using jQuery, but I'm having trouble finding where the JSON code is that needs to be converted.

What response are you getting from the get() request? The response is what you'll want to convert into a JSON. — Lix
– Lix, Commented Jan 1, 2014 at 17:20

Lix · Accepted Answer · 2014-01-01 17:27:12Z

3

Provided that the response from the server is a valid string representation of a JSON object, you'll be able to specify the dataType for the get() request. You could do something like this:

$.get( page, function( data ) {
  alert( data[0]["AssetId"] );
}, "json" ); // <-- here is the dataType

With the correct dataType set, you will not need to manually parse the data, it will arrive in your callback function as a JSON object.

References:

$.get()

jQuery.get( url [, data ] [, success(data, textStatus, jqXHR) ] [, dataType ] )

edited Jan 1, 2014 at 17:27

answered Jan 1, 2014 at 17:21

Lix

48.2k12 gold badges107 silver badges134 bronze badges

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

Comments

Spikeh · Accepted Answer · 2014-01-01 17:36:57Z

0

You can use getJson. This converts your JSON string to a JavaScript object.

I threw JSFiddle together for you using the facebook graph api:

http://jsfiddle.net/J4LCX/

$.getJSON( "http://graph.facebook.com/spikeh/",
    function( data ) {
        alert(data.id);
    });

Alternatively, to fix your code, just reference the object's id directly:

$.get (
    "http://graph.facebook.com/spikeh/",
    function parse(data) {
        alert(data.id);
    }
);

JsFiddle: http://jsfiddle.net/LBy9y/

edited Jan 1, 2014 at 17:36

answered Jan 1, 2014 at 17:30

Spikeh

3,7454 gold badges26 silver badges51 bronze badges

Collectives™ on Stack Overflow

Converting JSON using jQuery

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related