Passar Variável de PHP para JavaScript

Subodh Poudel 30 janeiro 2023
PHP
  1. Use AJAX para passar a variável PHP para JavaScript
  2. Use JavaScript para escapar dos scripts PHP para passar a variável PHP para JavaScript
  3. Use a curta tag de eco do PHP, <?=?> Dentro do JavaScript para passar a variável do PHP para o JavaScript
Passar Variável de PHP para JavaScript

Apresentaremos uma maneira de passar a variável PHP para JavaScript usando AJAX. Este método solicita os dados do servidor PHP e é executado na máquina cliente.

Também demonstraremos outro método para passar a variável PHP em JavaScript escapando do PHP para JavaScript. Escrevemos JavaScript após os scripts PHP para escapar do PHP.

Mostraremos outro exemplo para passar a variável PHP para JavaScript usando a tag echo curta no JavaScript como <?=$var?> Onde <?=$var?> é a variável PHP.

Use AJAX para passar a variável PHP para JavaScript

Podemos usar AJAX para obter os dados e variáveis ​​do servidor PHP para JavaScript. Este método possui scripts separados do lado do servidor e do lado do cliente. Isso torna o código mais limpo e melhora a legibilidade do código. AJAX significa Asynchronous JavaScript and XML. Ele usa o objeto XMLHttpRequest para solicitar os dados do servidor. Ele exibe os dados usando JavaScript e HTML DOM. Esse processo ocorre de forma assíncrona, o que significa que as alterações acontecem na página da Web sem que a página seja recarregada. No entanto, há latência quando AJAX é usado em redes porque ele envia a solicitação HTTP. Neste método, escrevemos o código JavaScript no arquivo PHP.

Por exemplo, crie um arquivo PHP denominado index.php. Escreva o código JavaScript dentro da tag <script>. Crie um req variável usando a palavra-chave var. Crie um objeto de solicitação da função XMLHttpRequest() e atribua-o à variável req. Chame a função onload() com o objeto req usando a expressão de função. Dentro da função, use a função console.log() para registrar a propriedade this.responseText. Não se esqueça de terminar a expressão da função com um ponto e vírgula. Use o objeto req para chamar a função open(). Forneça get, get-data.php e true simultaneamente como os parâmetros na função. Chame a função send() com o objeto req. Crie outro arquivo PHP chamado get-data.php. Atribua um valor de Mountain à variável var. Faça eco da função json_encode() com var como parâmetro.

No exemplo abaixo, criamos um objeto de solicitação com a função XMLHttpRequest(). A função onload() trata da operação a ser executada durante a resposta. A função open() especifica o método HTTP, o arquivo PHP que envia a resposta JSON e um valor booleano que controla o restante da execução do script. A função json_encode() no arquivo get-data.php envia a resposta no formato JSON. Aqui, imprimimos a variável $var no console.

Código de exemplo:

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

Resultado:

"Mountain"

Use JavaScript para escapar dos scripts PHP para passar a variável PHP para JavaScript

Podemos usar JavaScript após as tags PHP para escapar dos scripts PHP. Podemos criar uma variável PHP no script PH P. Então, podemos escrever o JavaScript para escapar do PHP escrito acima e passar a variável dentro do código JavaScript. Dentro do JavaScript, podemos usar a tag PHP para ecoar a variável PHP atribuindo-a a uma variável JavaScript.

Por exemplo, atribua um valor Metallica a uma variável $var dentro das tags PHP. Escreva uma tag script e dentro dela, escreva uma tag PHP. Dentro da tag PHP, echo uma variável JavaScript jsvar. Atribua a variável PHP $var a jsvar. Não se esqueça de uma aspa enrolada em $var e um ponto e vírgula depois dela. Feche a tag PHP e registre o valor de jsvar usando a função console.log(). Feche a tag script. No exemplo abaixo, registramos a variável PHP $var no console usando JavaScript. Podemos ver a saída no console da página da web.

Código de exemplo:

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

Resultado:

Metallica

Use a curta tag de eco do PHP, <?=?> Dentro do JavaScript para passar a variável do PHP para o JavaScript

Podemos usar a tag echo curta do PHP dentro do JavaScript para passar a variável do PHP para o JavaScript. Podemos usar a tag echo curta do PHP para nos livrar do incômodo de escrever a tag PHP e a instrução echo. É um método abreviado. Este método é muito semelhante ao segundo método em termos de conceito e execução.

Por exemplo, atribua um valor Megadeth a uma variável $var dentro das tags PHP. Abra uma tag script e crie uma variável JavaScript jsvar. Escreva a tag de eco abreviada $var Como o valor da variável jsvar. Registre a variável usando a função console.log(). Podemos ver a saída do script no console da página da web.

Exemplo de código:

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

Resultado:

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