Variable von PHP an JavaScript übergeben

Subodh Poudel 30 Januar 2023
PHP
  1. Verwenden Sie AJAX, um die PHP-Variable an JavaScript zu übergeben
  2. Verwenden Sie JavaScript, um die PHP-Skripte zu entkommen, um die PHP-Variable an JavaScript zu übergeben
  3. Verwenden Sie das kurze PHP-Echo-Tag <?=?> im JavaScript, um die PHP-Variable an JavaScript zu übergeben
Variable von PHP an JavaScript übergeben

Wir werden eine Möglichkeit vorstellen, die PHP-Variable mit AJAX an JavaScript zu übergeben. Diese Methode fordert die Daten vom PHP-Server an und wird auf dem Client-Rechner ausgeführt.

Wir werden auch eine andere Methode demonstrieren, um die PHP-Variable in JavaScript zu übergeben, indem wir PHP an JavaScript maskieren. Wir schreiben JavaScript nach den PHP-Skripten, um dem PHP zu entkommen.

Wir zeigen Ihnen ein weiteres Beispiel, um die PHP-Variable an JavaScript zu übergeben, indem Sie das kurze echo-Tag im JavaScript als <?=$var?> verwenden, wobei $var die PHP-Variable ist.

Verwenden Sie AJAX, um die PHP-Variable an JavaScript zu übergeben

Wir können AJAX verwenden, um die Daten und Variablen vom PHP-Server an JavaScript zu übertragen. Diese Methode verfügt über separate serverseitige und clientseitige Skripts. Es macht den Code sauberer und verbessert die Lesbarkeit des Codes. AJAX steht für Asynchronous JavaScript and XML. Es verwendet das Objekt XMLHttpRequest, um die Daten vom Server anzufordern. Es zeigt die Daten mit JavaScript und HTML DOM an. Dieser Vorgang erfolgt asynchron, d. h. die Änderungen erfolgen auf der Webseite, ohne dass die Seite neu geladen wird. Bei der Verwendung von AJAX über Netzwerke kommt es jedoch zu Latenzen, da es die HTTP-Anforderung sendet. Bei dieser Methode schreiben wir JavaScript-Code in die PHP-Datei.

Erstellen Sie beispielsweise eine PHP-Datei namens index.php. Schreiben Sie den JavaScript-Code in das Tag <script>. Erstellen Sie eine Variable req mit dem Schlüsselwort var. Erstellen Sie ein Anfrageobjekt der Funktion XMLHttpRequest() und weisen Sie es der Variablen req zu. Rufen Sie die Funktion onload() mit dem Objekt req mit dem Funktionsausdruck auf. Verwenden Sie innerhalb der Funktion die Funktion console.log(), um die Eigenschaft this.responseText zu protokollieren. Vergessen Sie nicht, den Funktionsausdruck mit einem Semikolon zu beenden. Rufen Sie mit dem Objekt req die Funktion open() auf. Geben Sie als Parameter in der Funktion get, get-data.php und true gleichzeitig an. Rufen Sie die Funktion send() mit dem Objekt req auf. Erstellen Sie eine weitere PHP-Datei namens get-data.php. Weisen Sie der Variablen $var den Wert Berg zu. Echo der Funktion json_encode() mit $var als Parameter.

Im folgenden Beispiel haben wir ein Request-Objekt mit der Funktion XMLHttpRequest() erstellt. Die Funktion onload() übernimmt die während der Antwort auszuführende Operation. Die Funktion open() spezifiziert die HTTP-Methode, die PHP-Datei, die die JSON-Antwort sendet, und einen booleschen Wert, der die restliche Ausführung des Skripts steuert. Die Funktion json_encode() in der Datei get-data.php sendet die Antwort im JSON-Format. Hier haben wir die Variable $var in der Konsole ausgegeben.

Beispielcode:

# php 7.*
<?php
?>
<script>
var req = new XMLHttpRequest(); 
    req.onload = function() {
    console.log(this.responseText); 
 };
req.open("get", "get-data.php", true); 
req.send();
</script>
# php 7.*
<?php
$var = "Mountain";
echo json_encode($var); 
?>

Ausgabe:

"Mountain"

Verwenden Sie JavaScript, um die PHP-Skripte zu entkommen, um die PHP-Variable an JavaScript zu übergeben

Wir können JavaScript nach den PHP-Tags verwenden, um die PHP-Skripte zu entkommen. Wir können eine PHP-Variable im PHP-Skript erstellen. Dann können wir das JavaScript schreiben, um das oben geschriebene PHP zu entkommen, und die Variable innerhalb des JavaScript-Codes übergeben. Innerhalb des JavaScripts können wir das PHP-Tag verwenden, um die PHP-Variable zu wiederholen und sie einer JavaScript-Variablen zuzuweisen.

Weisen Sie beispielsweise einer Variablen $var innerhalb der PHP-Tags den Wert Metallica zu. Schreiben Sie ein script-Tag und schreiben Sie darin ein PHP-Tag. Geben Sie innerhalb des PHP-Tags eine JavaScript-Variable jsvar als Echo ein. Weisen Sie die PHP-Variable $var jsvar zu. Vergessen Sie nicht ein Anführungszeichen um das $var und ein Semikolon dahinter. Schließen Sie das PHP-Tag und protokollieren Sie den Wert von jsvar mit der Funktion console.log(). Schließen Sie das Tag script. Im folgenden Beispiel haben wir die PHP-Variable $var in der Konsole mit JavaScript protokolliert. Wir können die Ausgabe in der Konsole der Webseite sehen.

Beispielcode:

#php 7.x
<?php
$var = 'Metallica';
?>
<script>
   <?php
       echo "var jsvar ='$var';";
   ?>
   console.log(jsvar); 
</script>

Ausgabe:

Metallica

Verwenden Sie das kurze PHP-Echo-Tag <?=?> im JavaScript, um die PHP-Variable an JavaScript zu übergeben

Wir können das kurze PHP-Echo-Tag im JavaScript verwenden, um die PHP-Variable an JavaScript zu übergeben. Wir können das kurze PHP-Echo-Tag verwenden, um das mühsame Schreiben des PHP-Tags und der echo-Anweisung zu vermeiden. Es ist eine Short-Hand-Methode. Diese Methode ist der zweiten Methode in Konzept und Ausführung sehr ähnlich.

Weisen Sie beispielsweise einer Variablen $var innerhalb der PHP-Tags den Wert Megadeth zu. Öffnen Sie ein script-Tag und erstellen Sie eine JavaScript-Variable jsvar. Schreiben Sie die Kurzform echo-Tag <?=$var?> als Wert der Variablen jsvar. Protokollieren Sie die Variable mit der Funktion console.log(). Wir können die Ausgabe des Skripts in der Konsole der Webseite anzeigen.

Codebeispiel:

#php 7.x
<?php
$var = 'Megadeth';
?>
<script>
    var jsvar = '<?=$var?>';
    console.log(jsvar); 
</script>
?>

Ausgabe:

Megadeth
Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn