Jetzt anmelden...

Login
Passwort
Registrieren

Blog

PHP und JavaScript Variablen austauschen

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

Kommentare [0] 59 Views

sub_zer0 18.11.2020

Infos zum Artikel

Kategorie JavaScript
Autor sub_zer0
Datum 18.11.2020

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

Nur angemeldete und aktivierte Benutzer können kommentieren.

Alle Kommentare

Es gibt bislang noch keine Kommentare zu diesem Thema.

Funktionen für Arrays

Für das Handling von Arrays gibt es mehrere nützliche Funktionen.

Funktionen für Variablen

In PHP stehen verschiedene Funktionen speziell fürs Variablen-Handling bereit.

Scope von Variablen

Wo ist eine Variable eigentlich sichtbar?

FALCONBYTE.NET

Handmade with 🖤️

© 2018-2020 Stefan E. Heller

Impressum | Datenschutz

facebook programmieren lernen twitter programmieren lernen youtube programmieren lernen