Cant read php JSON encoded data in js

Question

I'm calling a php script via AJAX which returns a json encoded object.

$.post("php/getCamera.php", {
        cam_id: identifier
        }, function(data){
            console.log(data);
            //var camera = JSON.parse(data);
            var camera = $.parseJSON(data);
            console.log(camera.name);
            console.log(data['name']);
            console.log(camera['name']);
    });
}

Here's my php script:

<?php
    require 'Camera.php';

    $camera = new Camera();
    if(isset($_POST["cam_id"])) {
        $cam_obj = $camera->getCamera($_POST['cam_id']);
        $cam_obj_array = get_object_vars($cam_obj);
        echo json_encode($cam_obj_array);

    }
?>

And here's my camera class:

class Camera
{
    public $id;
    public $name;
    ...

}

In the js console, I see the encoded data, but I can't access its elements:

{"id":"6","name":"camera 1"}
undefined
undefined
undefined
undefined

Jeremy Thille · Accepted Answer · 2015-03-23 16:26:37Z

2

add 'json' at the end of your post request :

$.post("php/getCamera.php", {
        cam_id: identifier
        }, function(data){
            console.log(data);
            console.log(camera.name);
            console.log(data['name']);
            console.log(camera['name']);
    }, 'json');
}

It's a shorthand for full ajax syntax dataType: "json".

Better, use getJSON instead of post (but then, remove 'json' :)

answered Mar 23, 2015 at 16:26

Jeremy Thille

26.4k12 gold badges48 silver badges64 bronze badges

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

Comments

NaijaProgrammer · Accepted Answer · 2015-03-23 16:25:49Z

2

Try this:

console.log(data.name);

It appears, from your log, that the data is already a JSON object, and so needs no further parsing.

answered Mar 23, 2015 at 16:25

NaijaProgrammer

2,9202 gold badges27 silver badges33 bronze badges

1 Comment

Jeremy Thille Over a year ago

It's not JSON. It's treated as a string, because the dataType has not been specified.

Collectives™ on Stack Overflow

Cant read php JSON encoded data in js

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related