PHP und JavaScript Variablen übergeben

Inhaltsverzeichnis

1. Von PHP zu JavaScript
2. Von JavaScript zu PHP

Von PHP nach JavaScript

• Wenn wir davon sprechen, Variablen von PHP nach JavaScript (und umgekehrt) zu übertragen, meinen wir natürlich nicht den Übertrag der Variablen selbst. Das ist nämlich unmöglich. Stattdessen sind es die Werte, gespeichert in Variablen, die wir zwischen den Programmiersprachen austauschen wollen.

Um einen Wert von PHP nach JavaScript zu übertragen, arbeiten wir mit PHP echo. Aber der Reihe nach:

<?php
$php_variable = 4;
?>


<script>
var js_variable = <?php echo $php_variable; ?>;
// Test:
alert(js_variable);
</script>                            

Zuerst definieren wir eine PHP-Variable innerhalb von PHP.

Im JavaScript-Container erstellen wir nun erneut einen PHP-Code-Block und rufen darin den Wert von $php_variable mit echo ab. Diesen Wert speichern wir jetzt in der JavaScript-Variablen js_variable. Am Ende testen wir den Versuch erfolgreich mit der alert()-Funktion.

Bei String-Variablen müssen wir natürlich die Anführungszeichen beachten:

<?php
$php_variable = "He-Man";
?>


<script>
var js_variable = "<?php echo $php_variable; ?>";
// Test:
alert(js_variable);
</script>

So einfach übertragen wir PHP-Werte nach JavaScript.

Von JavaScript nach PHP

Einen Wert von JavaScript nach PHP zu übertragen, ist etwas aufwendiger, aber trotzdem ganz einfach umzusetzen. PHP ist eine serverseitige Programmiersprache und weiß rein garnichts von JavaScript, das ja auf dem Client läuft. Wir müssen den Wert deshalb zuerst an den Server senden:

// Code in belieber Datei
<script>

    var js_variable = 4;
    window.location.href = "test.php?js_variable=" + js_variable;

</script>

Mit window.location.href haben wir die Möglichkeit, zu einer beliebigen URL weiterzuleiten. Zusätzlich können Daten an die URL gehängt und so an den Server gesendet werden. Hierzu setzt man hinter den Namen der Zieldatei (test.php) ein Fragezeichen ? gefolgt von einem Bezeichner mit einem bestimmten Wert.

Innerhalb der Datei test.php kann nun serverseitig der gesendete Wert mit dem $_GET-Array abgerufen werden:

// Code in test.php

<?php

echo $_GET["js_variable"]; // 4

?>

So machen wir es!