¿Cuál es la diferencia entre programación del lado del cliente y del lado del servidor?
Tengo este código:
<script type="text/javascript">
var foo = 'bar';
<?php
file_put_contents('foo.txt', ' + foo + ');
?>
var baz = <?php echo 42; ?>;
alert(baz);
</script>
¿Por qué esto no escribe "barra" en mi archivo de texto, sino que alerta "42"?
NB: Las revisiones anteriores de esta pregunta trataban explícitamente de PHP en el servidor y JavaScript en el cliente. La naturaleza esencial del problema y las soluciones es la misma para cualquier par de idiomas cuando uno se ejecuta en el cliente y el otro en el servidor (incluso si son el mismo idioma). Tenga esto en cuenta cuando vea respuestas que hablen sobre idiomas específicos.
Su código se divide en dos partes completamente separadas, el lado del servidor y el lado del cliente .
|
---------->
HTTP request
|
+--------------+ | +--------------+
| | | | |
| browser | | | web server |
| (JavaScript) | | | (PHP etc.) |
| | | | |
+--------------+ | +--------------+
|
client side | server side
|
<----------
HTML, CSS, JavaScript
|
Las dos partes se comunican a través de solicitudes y respuestas HTTP. PHP se ejecuta en el servidor y genera algo de HTML y tal vez código JavaScript que se envía como respuesta al cliente donde se interpreta el HTML y se ejecuta JavaScript. Una vez que PHP haya terminado de generar la respuesta, el script finaliza y no sucederá nada en el servidor hasta que llegue una nueva solicitud HTTP.
El código de ejemplo se ejecuta así:
<script type="text/javascript">
var foo = 'bar';
<?php
file_put_contents('foo.txt', ' + foo + ');
?>
var baz = <?php echo 42; ?>;
alert(baz);
</script>
Paso 1, PHP ejecuta todo el código entre <?php ?>etiquetas. El resultado es este:
<script type="text/javascript">
var foo = 'bar';
var baz = 42;
alert(baz);
</script>
La file_put_contentsllamada no resultó en nada, simplemente escribió " + foo + " en un archivo. La <?php echo 42; ?>llamada generó el resultado "42", que ahora está en el lugar donde solía estar ese código.
Este código HTML/JavaScript resultante ahora se envía al cliente, donde se evalúa. La alertllamada funciona, mientras que la foovariable no se usa en ninguna parte.
Todo el código PHP se ejecuta en el servidor antes de que el cliente comience a ejecutar JavaScript. No queda ningún código PHP en la respuesta con el que JavaScript pueda interactuar.
Para llamar algún código PHP, el cliente deberá enviar una nueva solicitud HTTP al servidor. Esto puede suceder usando uno de tres métodos posibles:
- Un enlace que hace que el navegador cargue una nueva página.
- Un envío de formulario, que envía datos al servidor y carga una nueva página.
- Una solicitud AJAX , que es una técnica de Javascript para realizar una solicitud HTTP normal al servidor (como lo harán 1. y 2.), pero sin salir de la página actual.
Aquí hay una pregunta que describe estos métodos con mayor detalle.
También puede usar JavaScript para hacer que el navegador abra una nueva página usando window.locationo enviando un formulario, emulando las posibilidades 1. y 2.
Para determinar por qué el código PHP no funciona en código JavaScript , debemos comprender qué son los lenguajes del lado del cliente y del lado del servidor , y cómo funcionan.
Lenguajes del lado del servidor (PHP, etc.) : recuperan registros de bases de datos, mantienen el estado a través de la conexión HTTP sin estado y hacen muchas cosas que requieren seguridad. Residen en el servidor, estos programas nunca tienen su código fuente expuesto al usuario.
atributo de imagen
Por lo tanto, puede ver fácilmente que los lenguajes del lado del servidor manejan solicitudes HTTP y las procesan y, como dijo @deceze, PHP se ejecuta en el servidor y genera algo de HTML, y tal vez código JavaScript, que se envía como respuesta al cliente, donde se interpreta el HTML y se ejecuta JavaScript.
Por otro lado, los lenguajes del lado del cliente (como JavaScript) residen en el navegador y se ejecutan en él. Las secuencias de comandos del lado del cliente generalmente se refieren a la clase de programas informáticos en la web que se ejecutan en el lado del cliente, mediante el navegador web del usuario, en lugar de en el lado del servidor .
JavaScript es visible para el usuario y se puede modificar fácilmente, por lo que por cuestiones de seguridad no debemos depender de JavaScript.
Entonces, cuando realiza una solicitud HTTP en el servidor, el servidor primero lee atentamente el archivo PHP para ver si hay alguna tarea que deba ejecutarse y envía una respuesta al lado del cliente. Nuevamente, como dijo @deceze, *Una vez que PHP ha terminado de generar la respuesta, el script finaliza y no sucederá nada en el servidor hasta que llegue una nueva solicitud HTTP .*
Fuente de imagen
Entonces, ¿qué puedo hacer ahora si necesito llamar a PHP? Depende de cómo necesites hacerlo: ya sea recargando la página o usando una llamada AJAX.
- Puede hacerlo recargando la página y enviando una solicitud HTTP .
- Puede realizar una llamada AJAX con JavaScript; esto no requiere recargar la página
Buena lectura:
- Wikipedia: secuencias de comandos del lado del servidor
- Wikipedia: secuencias de comandos del lado del cliente
- Madara Uchiha: Diferencia entre programación del lado del cliente y del lado del servidor
Su Javascript se ejecutará en el cliente, no en el servidor. Esto significa que foono se evalúa en el lado del servidor y, por lo tanto, su valor no se puede escribir en un archivo en el servidor.
La mejor manera de pensar en este proceso es como si estuviera generando un archivo de texto dinámicamente. El texto que estás generando sólo se convierte en código ejecutable una vez que el navegador lo interpreta. <?phpEn el servidor sólo se evalúa lo que coloca entre etiquetas.
Por cierto, adquirir el hábito de incrustar piezas aleatorias de lógica PHP en HTML o Javascript puede generar un código muy complicado. Hablo desde una experiencia dolorosa.
