Javascript variabelen gebruiken uit een PHP script

In dit voorbeeld laat ik zien hoe je met een Javascript variabelen uit een ander PHP script kan halen:

Als voorbeeld nemen we dit PHP script ‘script.php’ met daarin 2 variabelen:

<?php
$tekst = "Hallo Wereld!";
$getal = 100;
?>

<?php

$tekst = "Hallo Wereld!";

$getal = 100;

Nu volgt het javascript dat de 2 bovenstaande variabelen kan uitlezen en omzet als variabelen in het javascript ‘javascript.php’:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Javascript en PHP variabelen</title>
    
<?php include 'script.php' ?>
    
<script type="text/javascript">
    var tekst = "<?php echo $tekst; ?>";
    var getal = "<?php echo $getal; ?>";

    document.write('PHP tekst: ' + tekst + '<br>');
    document.write('PHP getal: ' + getal);
</script>

</head>

<body>
</body>

</html>

<html>

<head>

<title>Javascript en PHP variabelen</title>

<?php include 'script.php' ?>

var tekst = "<?php echo $tekst; ?>";

var getal = "<?php echo $getal; ?>";

document.write('PHP tekst: ' + tekst + '<br>');

document.write('PHP getal: ' + getal);

</script>

</head>

<body>

</body>

</html>

Let op:

1) Belangrijk is dat het bestand met de javascript de extensie PHP heeft (en geen HTML of HTM), hij moet namelijk door de PHP compiler gehaald worden door de webserver!
2) Laad het PHP script zo vroeg mogelijk in het script (met: <?php include ‘script.php’ ?>)

Als je bovenstaand script uitvoerd in de browser dan is dit het resultaat:

PHP tekst: Hallo Wereld!
PHP getal: 100

1 2	PHP tekst: Hallo Wereld! PHP getal: 100

Zoeken

Javascript variabelen gebruiken uit een PHP script