JSON object properties are undefined

Question

I'm getting a JSON object back from an AJAX call and logging the result like this:

console.log(response);

And this is the response logged in the console:

{"filename":"new.jpg","orientation":"vertical"}

However, when I

console.log(response.orientation);

I get a response that it is undefined.

Most of the answers I've read indicate that an array was returned instead of an object and that response[0].orientation should work, but that is not the case here. When I assign the same array to another variable in the console:

var obj = {"filename":"new.jpg","orientation":"vertical"}

Then obj.orientation returns the correct value.

I'm creating the JSON object in PHP:

$response=array('filename' => $newfilename, 'orientation' => $orientation);
$response=json_encode($response);
echo $response;

Is it apparent why the properties are showing undefined?

if your response is a string you'll have to pass it through JSON.parse before you can access properties. also, there's no such thing as a JSON object — jbabey
– jbabey, Commented Aug 31, 2012 at 12:52
can you post your code about how your sending ajax request and success function — Ashirvad
– Ashirvad, Commented Aug 31, 2012 at 12:52

Barmar · Accepted Answer · 2012-08-31 13:00:57Z

6

Either put:

header("Content-type: application/jason");

in the PHP, specify dataType: "json" in the AJAX call in the JavaScript, or call JSON.parse.

answered Aug 31, 2012 at 13:00

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

2 Comments

Bryan Gentry Over a year ago

JSON.parse (or $.parseJSON in jQuery) did the trick. I don't know why it wasn't in the several tutorials I read... Thank you!

Barmar Over a year ago

Seems to be a common problem, hardly a day goes by that we don't see someone ask essentially the same question.

Romain · Accepted Answer · 2012-08-31 12:54:16Z

2

You will need to parse your string to get a proper JSON object. JSON.parse(response); will provide you with a JSON object from which you can read the properties

answered Aug 31, 2012 at 12:54

Romain

211 bronze badge

Comments

DadViegas · Accepted Answer · 2012-08-31 13:23:49Z

1

Can you try the following example in jsfiddle.

This is not the better way you can use JSON.parse(); or $.parseJSON(); (jquery version)

But if this is your problem, json being returned as a string this fix it and you can alter your code

http://jsfiddle.net/dadviegas/gf8Yq/

edited Aug 31, 2012 at 13:23

answered Aug 31, 2012 at 13:01

DadViegas

2,29117 silver badges12 bronze badges

Comments

Pricope Cosmin · Accepted Answer · 2012-08-31 14:19:51Z

0

I think the ajax / php part should look like Ajax

$.ajax({
        type: "POST",   
        url: "link.php",
        dataType: "json",
        success: function(result){
             alert(result.orientation); 
        }
    });

PHP

$response=array("filename" => "$newfilename", "orientation" => "$orientation");
$response=json_encode($response);
echo $response;

Make sure that use at least 5.2 php version

answered Aug 31, 2012 at 14:19

Pricope Cosmin

1511 silver badge7 bronze badges

Collectives™ on Stack Overflow

JSON object properties are undefined

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related