Fill a JS snippet with PHP

Question

How can I input results of a PHP array inside a JS-file?

I have this PHP-snippet which returns an Array:

$activiteiten = Project::getProjectnames($_DB);
if(!empty($activiteiten)) {
    foreach($activiteiten as $k => $v) {
        $projectNames[] = $v['project'];
    }
}

How can I get these values inside this JS:

<script>
    $(function() {
        var availableTags = [
            "Option 1",
            "Option 2",
            "Option 3",
            "Option 4"
        ];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });
</script>

I want the PHP array in stead of the Option 1, Option 2, Option 3,... But how do I do this?

I'm generating the JS by using a PHP echo-call.

Are you requesting the page from JavaScript (Ajax), or are you generating the JavaScript with PHP? — Ry-
– Ry- ♦, Commented Dec 18, 2011 at 20:39

DaveRandom · Accepted Answer · 2011-12-18 20:44:04Z

7

var availableTags = <?php echo json_encode($projectNames); ?>;

edited Dec 18, 2011 at 20:44

DaveRandom

88.8k11 gold badges159 silver badges174 bronze badges

answered Dec 18, 2011 at 20:42

Ignacio Vazquez-Abrams

804k160 gold badges1.4k silver badges1.4k bronze badges

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

1 Comment

Derk Arts Over a year ago

Thats nice and clean, I only suggested a way closest to the orginal code.

Derk Arts · Accepted Answer · 2011-12-18 20:41:10Z

1

<script>
    $(function() {
        var availableTags = [
            <?php 
                foreach($activiteiten as $k => $v){
                       echo '"'.$v['project'].'",';
                }
             ?>
        ];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });
</script>

answered Dec 18, 2011 at 20:41

Derk Arts

3,4702 gold badges20 silver badges36 bronze badges

4 Comments

Michiel Over a year ago

That's nice. But how can I use it when generating the JS with PHP?

Derk Arts Over a year ago

There are several ways, and these are not the most beautiful ones, but you could have your php logic, then close php tags and put this the above code in: eg: <?php //code here ?> JS here <?php // activiteiten loop here ?> some more JS <?php //end of PHP logic ?>.

Michiel Over a year ago

Ok, thanks! But I think I'll do it like Ignacio said. It's more compressed :-)

Derk Arts Over a year ago

Yeah I agree, as I said, I just wanted to stay close to your code :)

Tomas Reimers · Accepted Answer · 2011-12-18 20:46:47Z

0

What you want to do is json encode that array and echo it in the context of javascript; thus setting a variable equal to it. For example:

<script type="text/javascript">
 var availableTags = <?php echo(json_encode($myArray)); ?>
</script>

answered Dec 18, 2011 at 20:46

Tomas Reimers

3,2924 gold badges26 silver badges38 bronze badges

Collectives™ on Stack Overflow

Fill a JS snippet with PHP

3 Answers 3

1 Comment

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related