Passing json_encoded array to jQuery

Question

I am trying to pass an array I am creating in PHP using json_encode(). I am running an AJAX request, see as follows:

AJAX CALL:

$.ajax({
        type: "POST",
        url: "../includes/ajax.php?imagemeta=1",
        data: {
            'id' : $(this).attr('id')
        },
        datatype:"json",
        success: function(data) {
            console.log(data);
            console.log(data["image_height"]);
        },
        error: function(data) {
            console.log(data);
        }
    });

PHP JSON RESPONSE:

if(isset($_GET["imagemeta"])){

$id = intval($_POST["id"]);
$path = "../uploads/images/" . $fm->selectImageById($id);
$meta = array();

list($width, $height) = getimagesize($path);
$meta["image_height"]   = $height . 'px';
$meta["image_width"]    = $width . 'px';

print json_encode($meta);

}

Although, the console.log(data) returns the following: {"image_height":"1374px","image_width":"920px"}

The following line console.log(data["image_height"]) returns undefined.

I have tried multiple attempts and have read through majority of the top rated questions regarding the subject. I am fairly new with JSON encoding so please inform me if I have a misunderstanding somewhere.

Try data.image_height?

Jane S
– Jane S

2014-06-28 01:03:05 +00:00
Commented Jun 28, 2014 at 1:03 — Jane S
– Jane S, Commented Jun 28, 2014 at 1:03

Barmar · Accepted Answer · 2014-06-28 01:00:35Z

4

datatype:"json",

should be:

dataType:"json",
    ^

Javascript is case-sensitive.

answered Jun 28, 2014 at 1:00

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

1 Comment

Brandon White Over a year ago

Oh my goodness. I hate my minor errors that throw me off for hours. Thanks a ton!

itzmukeshy7 · Accepted Answer · 2014-06-28 06:15:18Z

0

If console.log displaying you following:-

{"image_height":"1374px","image_width":"920px"}

Then you can access "image_height" as follows:-

data.image_height;

answered Jun 28, 2014 at 6:15

itzmukeshy7

2,6781 gold badge24 silver badges30 bronze badges

Comments

Vicky · Accepted Answer · 2014-06-28 07:30:12Z

0

Either set php JSON response header or return plain text from php and use $.parseJSON in success function.

 success: function(data) {
        jSon = $.parseJSON(data);
        console.log(jSon.image_height);
    }

answered Jun 28, 2014 at 7:30

Vicky

6135 silver badges6 bronze badges

Collectives™ on Stack Overflow

Passing json_encoded array to jQuery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related