JSON Parse with jquery

Question

completely beginner here. I have the jquery library. I make a call to an api that returns json. i would like to use the parseJSON function within the jquery library to parse it. simply put, i have no idea how to do so.

I can find the function within the jquery library, it looks like so:

parseJSON: function( data ) {
    if ( typeof data !== "string" || !data ) {
        return null;
    }

    // Make sure leading/trailing whitespace is removed (IE can't handle it)
    data = jQuery.trim( data );

    // Attempt to parse using the native JSON parser first
    if ( window.JSON && window.JSON.parse ) {
        return window.JSON.parse( data );
    }

    // Make sure the incoming data is actual JSON
    // Logic borrowed from http://json.org/json2.js
    if ( rvalidchars.test( data.replace( rvalidescape, "@" )
        .replace( rvalidtokens, "]" )
        .replace( rvalidbraces, "")) ) {

        return ( new Function( "return " + data ) )();

    }
    jQuery.error( "Invalid JSON: " + data );
},

How do i send my json through that?

Den T · Accepted Answer · 2012-10-03 02:03:05Z

2

var obj = jQuery.parseJSON(yourJsonObj);

answered Oct 3, 2012 at 2:03

Den T

1574 bronze badges

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

Comments

Philip Tinney · Accepted Answer · 2012-10-03 02:10:41Z

2

If you are using the jQuery AJAX commands, most of them take a dataType parameter. Setting dataType to 'json' will automatically parse the returned data.

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback
});

In this case data will end up being an object based on the JSON returned from the AJAX call.

answered Oct 3, 2012 at 2:10

Philip Tinney

2,01618 silver badges19 bronze badges

Comments

Renato Zannon · Accepted Answer · 2012-10-03 02:06:34Z

1

If you use the jQuery.getJSON function, you can access your API endpoint and have the response parsed all in one call.

$.getJSON("/my_resource.json", function(data) {
  // Use data here
});

answered Oct 3, 2012 at 2:06

Renato Zannon

30.2k7 gold badges42 silver badges47 bronze badges

Comments

kennypu · Accepted Answer · 2012-10-03 02:09:27Z

0

jQuery's parseJSON() function will convert the json to a javascript object.

if your json is, for example:

{ "firstname" : "john", "lastname" : "doe" }

then when you use parseJSON, you can access the properties like so:

var json = '{ "firstname" : "john", "lastname" : "doe" }';
var person = jQuery.parseJSON(json);

console.log(person.firstname); //will show john
console.log(person.lastname); //will show doe

that should get you started. for more, read the doc here: http://api.jquery.com/jQuery.parseJSON/

answered Oct 3, 2012 at 2:09

kennypu

6,1332 gold badges24 silver badges29 bronze badges

Collectives™ on Stack Overflow

JSON Parse with jquery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related