Como passar valores do PHP para o Javascript e vice versa?

O que não pode ser ignorado no casamento de Javascript com PHP é que os dois estão rodando em extremos diferentes. Os scripts de Javascript com suas variáveis estão no browser, carregados juntamente com o HTML, e os scripts PHP terão executado suas tarefas do outro lado da WEB, lá no servidor. A unica via de comunicação entre eles são os textos (html, javascript…) que transitam no protocolo HTTP. Isto  um paradoxo, uma vez que você encontrará PHP, HTML e Javascript no mesmo arquivo index.php (por exemplo). Porém, como dito anteriormente, cada um, PHP e Javascript atua em um ambiente diferente.Vamos começar com a prática! … ou melhor…. um pouco mais de teoria:

Bom… não é possível fazer um <? echo… ?> dentro de um arquivo “.js”, porque isto só funciona dentro de um arquivo .php. Mas é perfeitamente possível um <? echo… ?> dentro de um arquivo “.php” da página (index.php por exemplo…) . Levemos em consideração que esta página também irá carregar arquivos “.js”. Aproveitando se desta aparente reunião, basta criar variáveis (javascript) globais, as quais podem ser denominadas “variáveis de ambiente”. Pois irão permitir o trânsito de informações do ambiente HTML+PHP para o âmbito do Javascript. Bla bla bla bla… esclarecimentos práticos por favor:

<script>
//para não criar muitas variáveis dispersas, é interessante criar um array de variáveis
var VARS_AMBIENTE = new Array();
//em nosso exemplo vamos preencher a variável de ambiente “caminho_servidor”
// a qual terá seu conteúdo fornecido por um echo PHP
VARS_AMBIENTE['caminho_servidor'] = <? echo $caminho_server; ?>;
</script>

É importante ter em mente que quando a página HTML + PHP for carregada no browser, o código acima será visto como:

<script>
var VARS_AMBIENTE = new Array();
VARS_AMBIENTE['caminho_servidor'] = “algum valor fornecido pelo echo do PHP lá no servidor…”;
</script>

Pois o PHP já terá feito seu trabalho no servidor quando a página for carregada no browser. E então o código do script que estiver no meio do HTML virá do servidor com a variável previamente preenchida.

Continuando a página index.php… agora basta carregar o script que deve ter alguma referência a VARS_AMBIENTE['caminho_servidor'] para receber o valor contido nesta variável:

<script src=“meuscript.js”></script>

Pronto! Qualquer código contido dentro de meuscript.js que faça referência a VARS_AMBIENTE['caminho_servidor'] terá acesso ao camino do servidor.

E o caminho inverso?

Já do javascript para o PHP, como cada um estará sendo interpretado em uma ponta diferente da web (Javascript – cliente / PHP – servidor), a única forma de enviar dados continua sendo através de tráfego pela rede. Nesta hora uma tag “mágica” pode ajudar:

<form …>

<input type=“hidden” id=“dados” name=“dados_enviar” value=“” />

</form>

<!– Observe que na tag input acima o atributo value foi deixado em branco. Naturalmente se nenhum dado for setado para este atributo, nenhuma informação será recebido no servidor ao executar submit deste formulário.–>

<script>

//aqui a input hidden de id=”dados” recebe um valor dinâmicamente
//via código Javascript:

//cria um objeto de referência à tag input hidden
var objetoDados = document.getElementById(“dados”);
//altera o atributo value desta tag
objetoDados.value = “dados que vão para o servidor”;
</script>

No momento em que estes dados forem “submitados”, poderão ser adquiridos no servidor através de um script PHP que os capture via post por exemplo:
<?

echo $_POST[ 'dados_enviar'];

?>

É isto!

Veja também:

Passar array de PHP para Javascript, e de Javascript para PHP

Tags: passar valor, passar valores, PHP, variáveis Javascript, variáveis PHP