How can print a php array in javascript

Question

I have an array $results and I need to use it inside my javascript part of the code. I tried json_encode() but it did not work..

Here is the code

<?php
    //...
    include realpath($_SERVER['DOCUMENT_ROOT'] . '/Classes/Controllers/ReportController.php');
    $vaccRep= ReportController::getVacRep();

    include realpath($_SERVER['DOCUMENT_ROOT'] . '/Classes/Controllers/VaccineController.php');
    $names=VaccineController::getVCName();
?>

<canvas id="bar" height="195" width="250" style="width: 250px; height: 195px;"></canvas>
<script>
    //THIS IS THE PART THAT WILL BE THE OTPUT OF THE QUERY

    var barChartData = {
        labels: <?php$obj=json_encode($names); var_dump($obj);?>,
        datasets: [{
            highlightFill: "#45668e",
            highlightStroke: "#45668e",
            fillColor : "#1ABC9C",
            strokeColor : "#1ABC9C",
            data: <?php $obj=json_encode($vaccRep); var_dump($obj);?>
        }]
    };


    new Chart(document.getElementById("bar").getContext("2d")).Bar(barChartData);
    <?php $obj=json_encode($vaccRep); var_dump($obj);?>
</script>

you can json_encode your array in php and use it in javascript. — Murad Hasan
– Murad Hasan, Commented May 14, 2016 at 12:37

Manjeet Barnala · Accepted Answer · 2016-05-14 13:22:28Z

2

Simply echo the php array in js with json_encode(), like this :

$phpArray = array('name'=>'mani','email'=>'[email protected]','mobile'=>'123467890');

PHP array looks like this

Array
(
    [name] => mani
    [email] => [email protected]
    [mobile] => 123467890
)

<script>
var jsArray = [];
var jsArray = <?php echo json_encode($phpArray);?>;
console.log(jsArray);
</script>

You will get this in your console

 Object { name="mani",  email="[email protected]",  mobile="123467890"}

answered May 14, 2016 at 13:22

Manjeet Barnala

2,9951 gold badge13 silver badges21 bronze badges

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

Comments

Furqan Aziz · Accepted Answer · 2016-05-14 12:38:30Z

0

how about

<?php
    echo "<script>";
    echo "var $results = JSON.parse('" . json_encode($results) . "');";
    echo "<script>";
?>

and then use $results in your javascript code anywhere but make sure this script block is loaded before you are using it.

answered May 14, 2016 at 12:38

Furqan Aziz

1,1149 silver badges18 bronze badges

1 Comment

RiggsFolly Over a year ago

You should not need the JSON.parse() as json_encode() will produce valid javascript object

Niklesh Raut · Accepted Answer · 2016-05-14 12:46:52Z

0

You can try like this to print a php array in javascript

<?php
  $abc=["a","b","c"];
?>
<script type="text/javascript">
  var abc = "<?php echo (implode(',',$abc));?>";
  var abcArr = abc.split(",");
  console.log(abcArr);
</script>

answered May 14, 2016 at 12:46

Niklesh Raut

34.9k17 gold badges82 silver badges112 bronze badges

4 Comments

Yuriy Yakym Over a year ago

What if there are strings that contain comma in this array? eg. ["a,", "b", "c"]. Additional empty string will be in that array, which is incorrect.

Niklesh Raut Over a year ago

@YuriyYakym, whats your suggestion to prevent this. I just provided the way.

Yuriy Yakym Over a year ago

Your solution could be used only in case if we are sure that we use separator which is not a part of any array elements.

Niklesh Raut Over a year ago

Yes totally agreed

Yuriy Yakym · Accepted Answer · 2016-05-14 12:58:33Z

0

You can simply use this code:

<?php
    $array = ["a", 1, 2, "b,"];
    echo "<script>";
    echo "var data = ".json_encode($array).';';
    echo "</script>";
?>

The output of this code will be: <script>var data = ["a",1,2,"b,"];</script>, what will create correct javascript array.

answered May 14, 2016 at 12:58

Yuriy Yakym

3,96621 silver badges33 bronze badges

Collectives™ on Stack Overflow

How can print a php array in javascript

4 Answers 4

Comments

1 Comment

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related