Pass php array into HTML

Question

I want to pass php variable into html for further processing. this is php variable-

$coords   = array();

array_push($coords,some value);

I want to pass this to html-

var Coordinates = [];
Coordinates.push('<? php $coords; ?>');

But this is not the correct way as it gives error. Someone please help me to achieve this

Thanks.

If you want to get a php-array to javascript you should do this through an ajax-call to your php-script. — jonas3344, Mar 22 '18 at 13:46
SO is not a code design or debugging service. What have you tried? What error message? What research have you done? Please see [ask]. — , Mar 22 '18 at 13:53

score 4 · Answer 1 · answered Mar 22 '18 at 14:03

4

The simplest example is to json_encode this out into the javascript var like so:

var Coordinates = <?= json_encode($coords) ?>

Then simply loop through this like you would any other json.

This question has been asked alot of times before however, so please check here for any further methods.

answered Mar 22 '18 at 14:03

Juakali92

i have flagged this already as can be seen in the comments. – Juakali92 Mar 22 '18 at 14:06
Right. Don't post an answer cause when this Q is closed, it will remain dead. :) – IncredibleHat Mar 22 '18 at 14:07
1

I posted this to bring notoriety to the previous thread. I have no problem with this answer being frozen out. – Juakali92 Mar 22 '18 at 14:08
1

But hey, at least your answer is legit... the others are a joke. – IncredibleHat Mar 22 '18 at 14:09
1

People just trying to reinvent the wheel :) – Juakali92 Mar 22 '18 at 14:11

score 1 · Accepted Answer · answered Mar 22 '18 at 13:50

1

Try something like that:

Coordinates.push('<?="[".implode($coords,",")."]" ?>');

answered Mar 22 '18 at 13:50

Jakub Banaś

score 1 · Answer 3 · answered Mar 22 '18 at 14:06

1

Server side, you can create a javascript array directly in your rendered html :

<script>
    var Coordinates = [<?php
        echo '"'.implode('","', $coords).'"';
    ?>];
</script>

answered Mar 22 '18 at 14:06

tmaz

3 Answers3