Question

I have created an AJAX function that is used with pagination links to load a new page of posts on the fly, and have everything working great except I can’t figure out how to parse a JSON object like this one.

This is the style of PHP that is getting passed as JSON:

Array (
    [0] => stdClass Object (
        ['var1'] => val1
        ['var2'] => var2
    )
    [1] => stdClass Object (
        ['var1'] => val1
        ['var2'] => var2
    )
    [3] => stdClass Object (
        ['var1'] => val1
        ['var2'] => var2
    )
)

And is being passed to it with this:

$response = json_encode( array( 'success' => true, 'posts' => $new_posts ) );

Where $new_posts is the array I’m trying to parse.

Can anybody show me how I can access these variables and their values? Thanks.

Update: Here’s the JSON string

I’m trying to access these from JavaScript.

Update 2: When I use var posts = JSON.parse( response.posts ); I get the following error in Google Chrome Javascript Console:

Uncaught SyntaxError: Unexpected end of input

Update 3: I just checked Firebug and it only seems to be returning this for the JSON response text:

{"success":true,"posts":[]}

Answer 1

Since you are using jQuery, the best approach would be to use the parseJSON method:

var respObj = jQuery.parseJSON(response);