how to parse following JSON data using Jquery

Question

I am new on JQuery. I have this JSON response from the server how could I parse it?

[
    {
        "note": {
            "created_at": "2012-04-28T09:41:37Z",
            "updated_at": "2012-04-28T09:41:37Z",
            "text": "aaaaaaaaaaafdafasd fasfasd dfa sdfasf asdfa fasdfda",
            "lng": 44.5159794497071,
            "id": 7,
            "deleted": false,
            "user_id": 1,
            "note_type": "text",
            "lat": 40.1884140543842
        }
    },
    [ ... more JSON ...]
]

How could I parse this?

That's not properly formatted JSON, it looks more like a PHP array. — Mattias Buelens
– Mattias Buelens, Commented May 31, 2012 at 12:46

Samuel Rossille · Accepted Answer · 2012-05-31 12:52:33Z

3

You have to set the data type of the request to "json", and the data will be already parsed in your success callback.

Everything you need to know at the moment is on http://api.jquery.com/jQuery.ajax/

Here is a very simple example of what you can do:

$.ajax({
    url: url, // the service URL. Must answer proper JSON
    data: {  // the parameters of the request. This should be adapted to your case
        param1: value1,
        param2: value2
    },
    dataType: "json",
    type: "POST",
    success: function(resultData) {
        // here, resultData is your parsed json
    },
    error: function() {
        // handle error here
    }
});

edited May 31, 2012 at 12:52

answered May 31, 2012 at 12:43

Samuel Rossille

20.1k18 gold badges66 silver badges92 bronze badges

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

2 Comments

matghazaryan Over a year ago

I've already read this report. I don't imagine how to this. Could you tell me more specificly, writing some codes

Samuel Rossille Over a year ago

@fish40 Example added ! Enjoy

Christian Benincasa · Accepted Answer · 2012-05-31 12:44:52Z

1

jQuery.parseJSON

Use this jQuery method to parse JSON objects.

answered May 31, 2012 at 12:44

Christian Benincasa

1,2151 gold badge22 silver badges45 bronze badges

1 Comment

Samuel Rossille Over a year ago

This is ok, but after an ajax request, it's simpler and more compact to use the builtin ability to parse json in $.ajax

Quentin · Accepted Answer · 2012-05-31 12:48:22Z

0

If the server outputs actual JSON (the example in the question has errors) and it has the correct content type (application/json rather then the text/html that PHP defaults to) then you don't need to do anything.

jQuery will parse it for you (and present you with a JavaScript object in the success handler).

answered May 31, 2012 at 12:48

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Comments

Community · Accepted Answer · 2023-11-21 15:10:29Z

0

That's not JSON. What you have posted looks like a PHP array that had brackets wrapped around it to try to make it into JSON.

Use this site to validate your JSON in the future.

Now, to get your PHP array into JSON, use json_encode() and dispatch it to the browser with a specific header.

$array = array( 'test' => 'sure' );
header('Content-type: application/json');
print json_encode($array);
exit;

Now, you'll have actual JSON with which you can use in JavaScript.

$.get(  'yourFile.php',
        function(data){
            console.log(data);
        }
);

edited Nov 21, 2023 at 15:10

CommunityBot

11 silver badge

answered May 31, 2012 at 12:49

MetalFrog

10.7k1 gold badge25 silver badges24 bronze badges

Collectives™ on Stack Overflow

how to parse following JSON data using Jquery

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related