how to send php array data to javascript variable

Question

Here is the php array i am using. I am trying to convert each entry into a string and pass it to the javascript variable, but when i use the following code I only get the first letter of each word in the php array.

<?php 
$terms = array('cat', 'dog', 'bird');
$rand_keys = array_rand($terms);
?>

Javascript variable with php array data

var searchterms = <?php echo json_encode($terms[$rand_keys]); ?>;

you want to create a js variable for each element of php array or any one js variable for random php array element. — Gaurav
– Gaurav, Commented Feb 8, 2011 at 19:08

Andrew Jackman · Accepted Answer · 2011-02-08 19:09:22Z

2

use shuffle($terms); then echo json_encode( $terms );

answered Feb 8, 2011 at 19:09

Andrew Jackman

14k8 gold badges38 silver badges44 bronze badges

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

3 Comments

Dan Over a year ago

this works great but when what if i wanted to dd many more terms to the php array. i looked at the source and it displays all the terms like this var searchterms = ["slamjam","kenny","opp","heel","dog","bird","lol","flip","aaa","juu","sam","stern","ben","upndon","cat"]; is there any way to make it display one term at a time?

Andrew Jackman Over a year ago

@Dan are you converting searchterms to a json object?

Andrew Jackman Over a year ago

@Dan yup :) since it is a trusted source you can use eval(), then you can navigate the json object similar to an array (searchterms[0] will show the first value)

Ibrahim · Accepted Answer · 2011-02-08 19:07:42Z

1

The following code just take a random element from the php array and not the whole array:
var searchterms = <?php echo json_encode($terms[$rand_keys]); ?>;

Use the following code to get all the elemenets:
var searchterms = <?php foreach ($terms as $t){echo json_encode($t);} ?>

answered Feb 8, 2011 at 19:07

Ibrahim

1,2613 gold badges13 silver badges21 bronze badges

Collectives™ on Stack Overflow

how to send php array data to javascript variable

2 Answers 2

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Related