Passa variabile da PHP a JavaScript

1. Usa AJAX per passare la variabile PHP a JavaScript
2. Usa JavaScript per sfuggire agli script PHP per passare la variabile PHP a JavaScript
3. Usa il tag Echo PHP breve, <?=?> all’interno di JavaScript per passare la variabile PHP a JavaScript

Introdurremo un modo per passare la variabile PHP a JavaScript utilizzando AJAX. Questo metodo richiede i dati dal server PHP e viene eseguito sulla macchina client.

Dimostreremo anche un altro metodo per passare la variabile PHP in JavaScript eseguendo l’escape del PHP in JavaScript. Scriviamo JavaScript dopo gli script PHP per sfuggire al PHP.

Ti mostreremo un altro esempio per passare la variabile PHP a JavaScript utilizzando il tag echo breve in JavaScript come <?=$var?> dove $var è la variabile PHP.

Usa AJAX per passare la variabile PHP a JavaScript

Possiamo usare AJAX per trasferire i dati e le variabili dal server PHP a JavaScript. Questo metodo ha script lato server e lato client separati. Rende il codice più pulito e migliora la leggibilità del codice. AJAX sta per JavaScript asincrono e XML. Utilizza l’oggetto XMLHttpRequest per richiedere i dati dal server. Visualizza i dati utilizzando JavaScript e HTML DOM. Questo processo avviene in modo asincrono, il che significa che le modifiche si verificano nella pagina Web senza che la pagina venga ricaricata. Tuttavia, c’è latenza quando AJAX viene utilizzato sulle reti perché invia la richiesta HTTP. In questo metodo, scriviamo il codice JavaScript nel file PHP.

Ad esempio, crea un file PHP denominato index.php. Scrivi il codice JavaScript all’interno del tag <script>. Creare un req variabile utilizzando la parola chiave var. Creare un oggetto richiesta della funzione XMLHttpRequest() e assegnarlo alla variabile req. Chiama la funzione onload() con l’oggetto req usando l’espressione della funzione. All’interno della funzione, utilizzare la funzione console.log() per registrare la proprietà this.responseText. Non dimenticare di terminare l’espressione della funzione con un punto e virgola. Usa l’oggetto req per chiamare la funzione open(). Fornire get, get-data.php e true contemporaneamente come parametri nella funzione. Chiama la funzione send() con l’oggetto req. Crea un altro file PHP chiamato get-data.php. Assegna un valore di Montagna alla variabile $var. Echo la funzione json_encode() con $var come parametro.

Nell’esempio seguente, abbiamo creato un oggetto richiesta con la funzione XMLHttpRequest(). La funzione onload() gestisce l’operazione da eseguire durante la risposta. La funzione open() specifica il metodo HTTP, il file PHP che invia la risposta JSON e un valore booleano che controlla il resto dell’esecuzione dello script. La funzione json_encode() nel file get-data.php invia la risposta in formato JSON. Qui abbiamo stampato la variabile $var nella console.

Codice di esempio:

# 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); 
?>

Produzione:

"Mountain"

Usa JavaScript per sfuggire agli script PHP per passare la variabile PHP a JavaScript

Possiamo usare JavaScript dopo i tag PHP per sfuggire agli script PHP. Possiamo creare una variabile PHP nello script PH P. Quindi, possiamo scrivere JavaScript per sfuggire al PHP sopra scritto e passare la variabile all’interno del codice JavaScript. All’interno del JavaScript, possiamo usare il tag PHP per echeggiare la variabile PHP assegnandola a una variabile JavaScript.

Ad esempio, assegna un valore Metallica a una variabile $var all’interno dei tag PHP. Scrivi un tag script e al suo interno scrivi un tag PHP. All’interno del tag PHP, fai eco a una variabile JavaScript jsvar. Assegna la variabile PHP $var a jsvar. Non dimenticare una citazione racchiusa attorno al $var e un punto e virgola dopo di esso. Chiudi il tag PHP e registra il valore di jsvar utilizzando la funzione console.log(). Chiudi il tag script. Nell’esempio seguente, abbiamo registrato la variabile PHP $var nella console utilizzando JavaScript. Possiamo vedere l’output nella console della pagina web.

Codice di esempio:

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

Produzione:

Metallica

Usa il tag Echo PHP breve, <?=?> all’interno di JavaScript per passare la variabile PHP a JavaScript

Possiamo usare il breve tag echo PHP all’interno di JavaScript per passare la variabile PHP a JavaScript. Possiamo usare il breve tag echo PHP per sbarazzarci del fastidio di scrivere il tag PHP e l’istruzione echo. È un metodo abbreviato. Questo metodo è molto simile al secondo metodo in termini di concetto ed esecuzione.

Ad esempio, assegna un valore Megadeth a una variabile $var all’interno dei tag PHP. Apri un tag script e crea una variabile JavaScript jsvar. Scrivi il tag echo abbreviato <?=$var?> come valore della variabile jsvar. Registra la variabile usando la funzione console.log(). Possiamo visualizzare l’output dello script nella console della pagina web.

Esempio di codice:

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

Produzione:

Megadeth