Passar Variável de PHP para JavaScript
- Use AJAX para passar a variável PHP para JavaScript
- Use JavaScript para escapar dos scripts PHP para passar a variável PHP para JavaScript
-
Use a curta tag de eco do PHP,
<?=?>
Dentro do JavaScript para passar a variável do PHP para o 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 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