jQuery show array from PHP (json encoded)

Question

I'm trying to show an array with jQuery, but it doesn't show anything i want :P

So im asking here after been sitting on google and here for the nearest hour and still can't figure out what im doing wrong..

My array is this:

if (isset($_POST['imageID'])) { 
            $array = array();
            list($width, $height, $type, $attr) = getimagesize("../img/libary/".$_POST['imageID'].".JPG");

            $array["dimension"] = $width.' x '.$height;
            $array["filesize"] = formatBytes(filesize("../img/libary/".$_POST['imageID'].".jpg"),0);
            $array["extensions"] = strtoupper(pathinfo("../img/libary/".$_POST['imageID'].".jpg", PATHINFO_EXTENSION));
            $array["filename"] = $_database->query("SELECT * FROM imglibary WHERE imageID='".$_POST['imageID']."' LIMIT 1")->fetch_object()->name; 
            $array["fileurl"] = $_SERVER['DOCUMENT_ROOT'].'/img/libary/'.$_POST['imageID'].'.JPG';

            echo json_encode($array);
        }

And jQuery code:

$.post("jQuery.post.php", {imageID: imageID}, "json").done(function(data) { 
 // What to do here to get it to work? 
  });

Hope you guys have an answer im all out of them :(

Missed to show the answer from "data":

{"dimension": "210x214", "filesize", "214kb", "extensions", "JPG", "filename": "somefile.jpg", "fileurl": "/img/libary/40.JPG"}

As aldrin said, you want to parse the data. jQuery.parseJSON() — Darren
– Darren, Commented Nov 3, 2015 at 23:50
I thought when you stated JSON as the data type it parses the data automatically? — TheCarver
– TheCarver, Commented Nov 3, 2015 at 23:58
@PaparazzoKid not if it's being sent as text/html from the php. — Darren
– Darren, Commented Nov 4, 2015 at 2:18
@Darren - thanks, that makes sense. But, how did you know that the OP's PHP header was set to text/html and not application/json? — TheCarver
– TheCarver, Commented Nov 4, 2015 at 2:29

TheCarver · Accepted Answer · 2015-11-04 02:50:47Z

2

Use $.parseJSON to parse the data returned from the server, unless you're sending an application/json header from your PHP page.

If you want to start sending the correct JSON headers from your PHP pages, add this to the top of your pages, by default it's set to text/html, which is why your data needs to be parsed:

header('Content-type: application/json');

Then, it's as simple as console.log(data.dimension) without any need of parsing. As long as you set json as the dataType, jQuery will automatically parse the data for you.

If you don't want to/can't send the correct headers or you're unsure what they are, then use parseJSON().

Example with parseJSON:

$.post("jQuery.post.php", {imageID: imageID}, "json").done(function(data) { 
   var d = $.parseJSON(data);
   console.log(d.dimension);
});

edited Nov 4, 2015 at 2:50

answered Nov 3, 2015 at 23:49

TheCarver

19.8k27 gold badges106 silver badges154 bronze badges

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

1 Comment

Tommy Over a year ago

I only get undefined when i do that.

Collectives™ on Stack Overflow

jQuery show array from PHP (json encoded)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related