PHP Array JSON to Javascript

Question

in php

<?php
    $arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);
    echo json_encode($arr); // {"a":1,"b":2,"c":3,"d":4,"e":5}
?>

in javascript,

$.getJSON('drivetracker2.php', function(data) {
    console.log(data);
});

I am trying to access the php array which was sent via json to javascript.
but it says data is undefined.
anyone know why and how to fix this problem?

What the result is if you access `drivetracker2.php` in browser? — pktangyue, Mar 19 '13 at 09:13
The code you posted looks good to me. Are you trying to access `data` anywhere else? — Felix Kling, Mar 19 '13 at 09:15
If you're using a modern browser such as Chrome/Firefox, you should be inspecting the request with your development tools. This will allow you to determine whether the request is sending/receiving correctly. — juco, Mar 19 '13 at 09:17
why would 1,'b'=>2,'c'=>3,'d'=>4,'e'=>5); echo json_encode($arr); // {"a":1,"b":2,"c":3,"d":4,"e":5} ?> output nothing on drivetracker2.php?? — ealeon, Mar 19 '13 at 09:22
@inversivemedia well, i have it stored var drives = data. and im trying to output drives. are there ways to save data? — ealeon, Mar 19 '13 at 09:24
You might want to have a look at this question: [How to return the response from an AJAX call from a function?](http://stackoverflow.com/q/14220321/218196). — Felix Kling, Mar 19 '13 at 09:27

score 1 · Answer 1 · answered Mar 19 '13 at 09:12

1

Try this

 $.post('drivetracker2.php', function(data) {
  console.log(data);
 },'json');

answered Mar 19 '13 at 09:12

Kathiravan

689
1
7
22

Why should this make a difference? Please explain. – Felix Kling Mar 19 '13 at 09:14
2

You need to specify in what format the response is going to be sent. Here he is saying Jquery that "the response I'm waiting for, is a JSON string", so it will be parsed to a JSON object automatically – Loupax Mar 19 '13 at 09:16
@Loupax: Was this directed at me? `$.getJSON` also tells jQuery to treat the response as JSON. There is no difference to the OP's code, only that it is POST instead of GET. – Felix Kling Mar 19 '13 at 09:30
I didn't see the `$.getJSON` part. In that case there is indeed no difference other than the type of the HTTP request :/ – Loupax Mar 19 '13 at 10:11

score 1 · Answer 2 · answered Mar 19 '13 at 09:17

1

Add this just before you echo the json.

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

answered Mar 19 '13 at 09:17

karmafunk

1,453
12
20

PHP Array JSON to Javascript

2 Answers2