Para organizar la comunicación interactiva entre un visitante y un sitio web (o más bien, un navegador con un servidor web), el programador necesita proporcionar escenarios para el intercambio de datos entre ellos. Consideremos varias opciones simples para organizar la transferencia de variables desde el script JavaScrip del cliente al script PHP del servidor y viceversa.
Es necesario
Conocimientos básicos de los lenguajes PHP, JavaScript y HTML
Instrucciones
Paso 1
En la etapa de formación de la página, no es difícil transferir una variable junto con su valor de un script php a un script JavaScript. El propio script PHP genera el código HTML de la página solicitada, incluidos los scripts que contiene. Esto significa que puede escribir cualquier variable en el código JavaScript que deba pasarse junto con sus valores. Por ejemplo, este script php pasará al script del cliente una variable llamada "serverTime" que contiene la hora actual del servidor en el formato HORA: MINUTO:
<? php
$ JSvarName = 'hora del servidor';
$ JSvarValue = fecha ('H: i');
$ JScode = $ JSvarName. '= "'. $ JSvarValue. '";';
print ''. $ JScode.'alert ("Y en el servidor ahora" + '. $ JSvarName.'); '
?>
Paso 2
La forma más sencilla de pasar los nombres y valores de las variables en la dirección opuesta (desde el script JS en el navegador del cliente hasta el script PHP en el servidor web) puede verse así en el código HTML de la página:
var ahora = nueva fecha ();
var varName = 'clientTime';
var varValue = ahora.getHours () + ":" + ahora.getMinutes ();
window.location.href = 'https://sa/test2.php?' + varName + '=' varValue;
Este script enviará al script test2.php el nombre de la variable "clientTime" y su valor que contiene la hora actual de la computadora en el mismo formato HORA: MINUTO. Este método de transferencia de datos se denomina "síncrono": dará como resultado una recarga inmediata de la página. Más precisamente, en lugar de la página actual, el resultado del script test2.php se cargará en el navegador. El código de este script php podría verse así:
<? php
if ($ _ GET) echo 'Variable recibida'.key ($ _ GET). '='. $ _ GET [clave ($ _ GET)];
?>
Puede combinar las tres partes consideradas del código para pasar variables del servidor al navegador y volver a un archivo php como este:
<? php
if ($ _ GET) echo 'Variable recibida'.key ($ _ GET). '='. $ _ GET [clave ($ _ GET)];
$ JSvarName = 'hora del servidor';
$ JSvarValue = fecha ('H: i');
$ JScode = $ JSvarName. '= "'. $ JSvarValue. '";';
print ''. $ JScode.'alert ("Y en el servidor ahora" + '. $ JSvarName.'); '
?>
function sendData () {
var ahora = nueva fecha ();
var varName = 'clientTime';
var varValue = ahora.getHours () + ":" + ahora.getMinutes ();
window.location.href = "https://sa/test2.php?" + varName + "=" + varValue;
falso retorno;
}
Enviar datos al servidor En este script combinado (PHP + JavaScript), el código php generará código JavaScript "pasando" una variable llamada "serverTime" con un valor que contiene la hora actual del servidor. Cuando la página se carga en el navegador, el script JavaScript mostrará un mensaje con este tiempo. Luego, el usuario hace clic en el enlace "Enviar datos al servidor" lanzará la función sendData (), que enviará una solicitud GET al servidor, pasando el nombre de la variable ("clientTime") y su valor (tiempo del cliente) al php texto. Un script php, habiendo leído el nombre y el valor de una variable de la matriz superglobal $ _GET, lo imprimirá y comenzará de nuevo todo el script descrito.
Paso 3
Todo lo descrito anteriormente implementa el escenario de transferencia de datos "síncrona". La implementación del método "asincrónico" de intercambio de datos entre scripts de cliente y servidor tiene su propio nombre AJAX (Asynchronous Javascript y XML). Este tema merece un artículo aparte.
