Jetzt anmelden...

Login
Passwort
Registrieren
18.11.20 4090 Views Kommentare [2] 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!

Falconbyte unterstützen

Kommentar schreiben

Alle Kommentare

Peter Härri
20.10.2021 - 17:22

warum dauert dieser Code einige Sekunden?: window.location.href = "test.php?js_variable=" + js_variable;

Lucas Maier
17.07.2021 - 17:06

Klasse: kurz, klar, einfach gut

Einstieg Objektorientierung

Lernen Sie die Grundlagen der Objektorientierung

Verzweigungen in Java

Eine zentrale Notwendigkeit der Programmierung sind Verzweigungen.

Arrays in Java

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

FALCONBYTE.NET

Handmade with 🖤️

© 2018-2021 Stefan E. Heller

Impressum | Datenschutz

Falconbyte GitHub facebook programmieren lernen twitter programmieren lernen discord programmieren lernen