JSON PHP Array to Javascript

Question

Is it possible to JSON this php array via json_encode? Because this php array is called $data and when i do..

var myJson = <?php echo json_encode($data) ?>;
console.log(myJson);

in javascript, it give me errors. I was wondering if there is a limitation on what sort of php arrays JSON can/cannot do.

You are trying to parse PHP on the client-side (inside the JavaScript parser). That won't work. You need to request the Array by a POST call from PHP page, otherwise it won't work. — user1467267, Mar 18 '13 at 23:02
Uncaught SyntaxError: Unexpected token < @ line var myJson = <?php echo json_encode($data) ?>; — ealeon, Mar 18 '13 at 23:03
@Allendar im sorry I am a bit confused on what you said. could you direct me to a page where it has tutorial? — ealeon, Mar 18 '13 at 23:04
@Allendar hmm that seems like how it's done when i researched php array to javascript array via json. i guess i need to look our for more options as to go about this. — ealeon, Mar 18 '13 at 23:07

score 5 · Accepted Answer · 2013-03-18 23:17:20Z

up vote 5 down vote accepted

First you need a PHP file on a Apache server somewhere with PHP installed. Make a file like this:

localhost:8888/myfile.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}
?>

Then your JavaScript (in this example I use jQuery):

$.getJSON('http://localhost:8888/myfile.php', function(data) {
    console.log(data);
});

This should be a start to get PHP arrays in to your JavaScript.

edited Mar 18 '13 at 23:17

answered Mar 18 '13 at 23:10

user1467267

So, in this case, data has my php array? so will i be able to access the array by i.e. data[0][0].text in javascript? – ealeon Mar 18 '13 at 23:18

Yes, the PHP file will print out the raw JSON "serialized/encoded" data. The JavaScript (jQuery) will then read the raw string and decode it back into the data Object inside JavaScript. The encoding/decoding works both ways. – user1467267 Mar 18 '13 at 23:21

add a comment |

Nick Blanchard-Wright · Answer 2 · 2013-03-18 23:12:39Z

As @Allendar said you can't embed PHP inside a JS file. You could, however, add a function in your JS file to load the JSON data, and then embed that data in a script tag in your PHP file.

example.js:

var loadJsonFromPHP = function(json) {
    console.log(json);
}

example.php:

<?php
    $data = array("some", "test", "data");
?>
<html>
    <head>
        <script src="example.js"></script>
        <script>
            loadJsonFromPHP(<?php echo json_encode($data) ?>);
        </script>
    </head>
    <body></body>
</html>

Edit: this is assuming you only need to get the data into JS once at page load, in which case you can skip making AJAX requests.

Yes, but it still requires the file to be a PHP script running on a PHP server. I'm not sure, but it seems ealeon doesn't seem to fathom the idea how it works intertwined. I hope it something works out for him tho :) — user1467267, Mar 18 '13 at 23:15

Kashinath Patil · Answer 3 · 2014-03-10 06:51:34Z

up vote 3 down vote

Passing PHP JSON to Javascript and reading

var stuff = <?php print json_encode($datajson); ?>; var arr = new Array(); arr= JSON.parse(stuff); document.write( arr[0].cust_code );

answered Mar 10 '14 at 6:51

Kashinath Patil

411

add a comment |

hexblot · Answer 4 · 2013-03-18 22:59:26Z

up vote -1 down vote

JSON can handle any type of array (albeit it will cast associative arrays as objects). The problem you are probably facing is that you are trying to output with PHP when the data is available only on Javascript.

To clarify: once the page has loaded, PHP cannot do anything. Only javascript can process things on client side, PHP works only on the server and has no knowledge of the state of the client.

answered Mar 18 '13 at 22:59

hexblot

6,48551647

This is a comment, not a solution – user1467267 Mar 18 '13 at 23:06

add a comment |

Aaron Hathaway · Answer 5 · 2013-03-18 23:00:16Z

I've never tried to do something like this but I think that you're having issue because json_encode returns a json encoded string. You then need to decode this string on the javascript side of things. Try something like the following:

var myJson = JSON.parse(<?php echo json_encode($data) ?>);
console.log(myJson);

asked	3 years ago
viewed	14157 times
active	2 years ago

current community

your communities

more stack exchange communities

JSON PHP Array to Javascript

5 Answers 5

Your Answer

Not the answer you're looking for? Browse other questions tagged php javascript json or ask your own question.

Linked

Hot Network Questions

current community

your communities

more stack exchange communities

JSON PHP Array to Javascript

5 Answers 5

Your Answer

Sign up or log in

Post as a guest

Not the answer you're looking for? Browse other questions tagged php javascript json or ask your own question.

Linked

Related

Hot Network Questions