Jetzt anmelden...

Login
Passwort
Registrieren
18.11.20 3034 Views Kommentare [1] 1 0

credit: ©MuhammadSyafiq

Blog

PHP und JavaScript Variablen übergeben

Wir zeigen euch in diesem Tutorial, wie man ganz einfach Variablen von PHP nach JavaScript und umgekehrt überträgt.

Download als eBook

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!

Falconbyte unterstützen

Kommentar schreiben

Alle Kommentare

Lucas Maier
17.07.2021 - 17:06

Klasse: kurz, klar, einfach gut

Java einrichten

Erfahren Sie, wie einfach es ist, mit Java zu beginnen

Einstieg Objektorientierung

Lernen Sie die Grundlagen der Objektorientierung

Pass-by-value in Java

wie genau der Vorgang der Parameterübergabe bei Methoden abläuft, klären wir hier.

FALCONBYTE.NET

Handmade with 🖤️

© 2018-2021 Stefan E. Heller

Impressum | Datenschutz

facebook programmieren lernen twitter programmieren lernen discord programmieren lernen