How do i print/echo php arrays in javascript?

Question

How would i go about printing my php array in my javascript code? i tried different things but it would only print out the last number.

In the code below where i wrote 'Print the array here', is where i would like to print my php array (if it wasnt already obvious).

PHP example:

$phpArray = array('bunch of numbers');

Javascript example:

let time_chart = new Chart(myChart, {
        type:'line', 
        data:{
            labels:['Week 1', 'Week 2', 'Week 3', 'Week 4'],
            datasets:[{
                label:'Minutes',
                data:[
                    'Print the array here'
                ],

Don't create Javascript on the fly like that - to send data from the server to the client, use `data-` attributes, `application/json`, or a network request. — CertainPerformance, Apr 27 '18 at 07:45
Possible duplicate of [How to pass variables and data from PHP to JavaScript?](https://stackoverflow.com/questions/23740548/how-to-pass-variables-and-data-from-php-to-javascript) — miken32, Apr 27 '18 at 16:29

score 0 · Answer 1 · answered Apr 27 '18 at 07:45

0

if your file is php

data:[<?php echo json_encode($phpArray) ?>],

OR

data:<?php echo json_encode($phpArray) ?>,

answered Apr 27 '18 at 07:45

Maninderpreet Singh

2,569
2
17
31

Still only prints out the last number of my array :/ – simplex Apr 27 '18 at 07:50
@simplex hows your array look like ? – Maninderpreet Singh Apr 27 '18 at 07:52
just for testing, try `echo var_export($phpArray, true)` instead – Federico klez Culloca Apr 27 '18 at 07:52
i fetch my array data from a microsoft database (via sqlsrv) (not my database). Im working with a database that is on a server where i work, and it was made by another company might i add – simplex Apr 27 '18 at 07:57

score 0 · Accepted Answer · answered Apr 27 '18 at 07:49

This code should not be in a separate .js file. It should be inside php file. Then only you can use PHP tags in your JS code.

If above is the case then,

let time_chart = new Chart(myChart, {
        type:'line', 
        data:{
            labels:['Week 1', 'Week 2', 'Week 3', 'Week 4'],
            datasets:[{
                label:'Minutes',
                data: <?php echo json_encode($phpArray);?>,

score 0 · Answer 3 · answered Apr 27 '18 at 07:52

I'd avoid mixing PHP and JavaScript - they're separate languages for a reason. Best way I recommend is using hidden inputs with data-tags:

html:

<input type="hidden" id="my-array" data-value="<?php echo json_encode($myArray); ?>" />

jquery:

var array = $('#my-array').data('value');

// ...
data: array
// ...

How do i print/echo php arrays in javascript?

3 Answers3