Convert Multidimensional PHP array to javascript array

Question

I'm trying to convert a PHP multidimensional array to a javascript array using the JSON encoder. When I do a var_dump, my php array looks like this:

array (size=2)
  'Key' => string 'a' (length=1)
  'Value' => string 'asite.com' (length=9)

This is the code I'm currently using in my view to try to convert it to a JavaScript array:

var tempArray = $.parseJSON(<?php echo json_encode($php_array); ?>);

Whenever I run this code in the browser, the output of the conversion in the console is this:

var tempArray = $.parseJSON([{"Key":"a","Value":"asite.com"}]);

Is this the correct structure for a javascript multidimensional array? I'm asking because it keeps giving me this error on the line above:

SyntaxError: Unexpected token o

Orangepill · Accepted Answer · 2013-06-11 15:37:30Z

16

You do not have to call parseJSON since the output of json_decode is a javascript literal. Just assign it to a variable.

var tempArray = <?php echo json_encode($php_array); ?>;

You should be able then to access the properties as

alert(tempArray[0].Key);

answered Jun 11, 2013 at 15:37

Orangepill

24.7k3 gold badges44 silver badges64 bronze badges

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

Comments

SergioCodigoBitCode · Accepted Answer · 2013-11-26 01:31:17Z

6

This worked for me.

<script type='text/javascript'>
<?php
    $php_array = array(
        array("casa1", "abc", "123"), 
        array("casa2", "def", "456"), 
        array("casa3", "ghi", "789" )
    );

    $js_array = json_encode($php_array);
    echo "var casas = ". $js_array . ";\n";
?>

alert(casas[0][1]);

</script>

answered Nov 26, 2013 at 1:31

SergioCodigoBitCode

791 silver badge4 bronze badges

Comments

sandino · Accepted Answer · 2013-06-11 15:41:11Z

3

Do not use parseJSON, that's for a string. Just do:

<?php
$php_array = array ('Key'=>'a', 'Value'=>'asite.com');
?>
<html>
<head>

    <script type="text/javascript">
    var tempArray = <?php echo json_encode($php_array); ?>;
    console.log(tempArray);
    </script>
</head>
<body>
</body>
</html>

This give me in the console:

Object { Key="a", Value="asite.com"}

answered Jun 11, 2013 at 15:41

sandino

3,8421 gold badge22 silver badges24 bronze badges

1 Comment

user1186173 Over a year ago

I didn't realize it was only for strings, thanks for the answer.

Fly_pig · Accepted Answer · 2013-06-11 15:40:35Z

0

Just add single quotes in the js function,like

var tempArray = $.parseJSON('<?php echo json_encode($php_array); ?>');

answered Jun 11, 2013 at 15:40

Fly_pig

1658 bronze badges

Collectives™ on Stack Overflow

Convert Multidimensional PHP array to javascript array

4 Answers 4

Comments

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Linked

Related