Para organizar a comunicação interativa entre um visitante e um site (ou melhor, um navegador com um servidor web), o programador precisa fornecer cenários para a troca de dados entre eles. Vamos considerar várias opções simples para organizar a transferência de variáveis do script JavaScrip do cliente para o script PHP do servidor e vice-versa.
É necessário
Conhecimento básico de linguagens PHP, JavaScript e HTML
Instruções
Passo 1
No estágio de formação da página, não é difícil transferir uma variável junto com seu valor de um script php para um script JavaScript. O próprio script PHP gera o código HTML da página solicitada, incluindo os scripts que ele contém. Isso significa que ele pode escrever qualquer variável no código JavaScript que deve ser passada junto com seus valores. Por exemplo, este script php passará ao script do cliente uma variável chamada "serverTime" contendo a hora atual do servidor no formato HORA: MINUTO:
<? php
$ JSvarName = 'serverTime';
$ JSvarValue = date ('H: i');
$ JScode = $ JSvarName. '= "'. $ JSvarValue. '";';
print ''. $ JScode.'alert ("E agora no servidor" + '. $ JSvarName.'); '
?>
Passo 2
A maneira mais simples de passar os nomes e valores das variáveis na direção oposta (do script JS no navegador do cliente para o script PHP no servidor da web) pode ter a seguinte aparência no código HTML da página:
var agora = nova data ();
var varName = 'clientTime';
var varValue = now.getHours () + ":" + now.getMinutes ();
window.location.href = 'https://sa/test2.php?' + varNome + '=' varValor;
Este script enviará para o script test2.php o nome da variável "clientTime" e seu valor contendo a hora atual do computador no mesmo formato HORA: MINUTO. Este método de transferência de dados é denominado "síncrono" - resultará no recarregamento imediato da página. Mais precisamente, em vez da página atual, o resultado do script test2.php será carregado no navegador. O código para este script php pode ser parecido com este:
<? php
if ($ _ GET) echo 'Variável recebida'.key ($ _ GET). '='. $ _ GET [key ($ _ GET)];
?>
Você pode combinar todas as três partes consideradas do código para passar variáveis do servidor para o navegador e de volta em um arquivo php como este:
<? php
if ($ _ GET) echo 'Variável recebida'.key ($ _ GET). '='. $ _ GET [key ($ _ GET)];
$ JSvarName = 'serverTime';
$ JSvarValue = date ('H: i');
$ JScode = $ JSvarName. '= "'. $ JSvarValue. '";';
print ''. $ JScode.'alert ("E agora no servidor" + '. $ JSvarName.'); '
?>
function sendData () {
var agora = nova data ();
var varName = 'clientTime';
var varValue = now.getHours () + ":" + now.getMinutes ();
window.location.href = "https://sa/test2.php?" + varNome + "=" + varValor;
retorna falso;
}
Enviar dados para o servidor Neste script combinado (PHP + JavaScript), o código php irá gerar código JavaScript "passando" uma variável chamada "serverTime" com um valor contendo a hora atual do servidor. Quando a página é carregada no navegador, o script JavaScript exibe uma mensagem com este tempo. Em seguida, o usuário clica no link "Enviar dados ao servidor" para lançar a função sendData (), que enviará uma solicitação GET ao servidor, passando o nome da variável ("clientTime") e seu valor (hora do cliente) para o php roteiro. Um script php, depois de ler o nome e valor de uma variável do array superglobal $ _GET, irá imprimi-lo e iniciar todo o script descrito novamente.
etapa 3
Tudo o que foi descrito acima implementa o cenário de transferência de dados "síncrona". A implementação do método "assíncrono" de troca de dados entre scripts de cliente e servidor tem seu próprio nome AJAX (Asynchronous Javascript and XML). Este tópico merece um artigo separado.
