18.11.20 7770 Views Kommentare [] 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.

Falconbyte unterstüzen

Betrieb und Pflege von Falconbyte brauchen viel Zeit und Geld. Um dir auch weiterhin hochwertigen Content anbieten zu können, kannst du uns sehr gerne mit einem kleinen "Trinkgeld" unterstützen.

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!

Objekte löschen

Wir wissen, wie wir Objekte erstellen können. Aber wie werden wir sie wieder los?

switch/ case Anweisung

Benötigen wir eine Unterscheidung nach vielen Fällen empfehlen sich switch-case-Statements.

Arrays in Java

Arrays ermöglichen das Speichern von Daten in einer übergeordneten Datenstruktur

FALCONBYTE.NET

Handmade with 🖤️

© 2018-2022 Stefan E. Heller

Impressum | Datenschutz | Changelog

Falconbyte GitHub facebook programmieren lernen twitter programmieren lernen discord programmieren lernen