0

Tengo un php echo, que suelta un valor sacado de un database, querría actualizarlo para que me muestre el dato actualizado cada X segundos

El echo:

<center>
<za>We have served </za><zb><span id="tolurl"><?php echo $total_urls;?></span></zb><za> urls.</za>
</center>

Los <za> y <zb> son argumentos para darle estilo CSS

13
  • ¿za y zb existen realmente o estás inventando Tu Propio HTML (TPHTML)? Los estilos CSS se aplican a las clases, identificadores, etc. Ejemplo: <div class="za">We have served </div><div class="zb"><span id="tolurl">...</div>. En cuanto a tu pregunta, puedes hacerlo con Ajax, el cual sirve para traer información desde el servidor y presentarla en la página actual sin tener que refrescar la página. Aquí mismo hay varias preguntas con explicaciones detalladas de cómo se hace.
    – A. Cedano
    Commented el 10 feb. 2018 a las 13:28
  • Sí. los creo yo, porque con los div me crea un bloque y para mí, los puedo modificar mejor si los creo como si fuera un <p>
    – user71085
    Commented el 10 feb. 2018 a las 13:30
  • Cuestiónate el hecho de usar TPHTML... te podría dar problemas. HTML tiene elementos para todo. Por ejemplo tiene un elemento llamado <p>. En vez de inventarte un <za>, puedes usar <p class="za">...</p> y por CSS: .za { //estilos que quieres aplicar }. No sé si me explico.
    – A. Cedano
    Commented el 10 feb. 2018 a las 13:33
  • Ah, ¿entonces es lo mismo <za>, que escribir <p class="za">, (en cuanto a CSS) ?
    – user71085
    Commented el 10 feb. 2018 a las 13:35
  • 1
    No, no es lo mismo. <p class="za"> es mejor que <za>. Ya que esto último no es un estándar, sino algo que tú te has inventado y ni siquiera se sabe si va a funcionar. Y aunque funcione, nadie va a entender lo que intentas hacer con eso... y cuando alguien vea el código CSS en el cual intentas darle estilo tampoco lo entenderá (si es que funciona). Lo que quiero decir es que HTML cuenta con todo tipo de elementos para cualquier uso, no tienes que inventar nada, lo que tienes es que usar el elemento adecuado y asignarle las clases que quieras para modificar su estilo por CSS.
    – A. Cedano
    Commented el 10 feb. 2018 a las 13:38

1 respuesta 1

3

NO SE PUEDE

Lo siento, lo que pides es impocible, debido a como funciona PHP, paso a explicar:

El archivo PHP se ejecuta a demanda, la demanda es una solicitud enviada por el navegador (hasta aqui en el cliente) a un servidor HTTP que para resolver el HTML necesita ejecutar el PHP, tras la ejecucion del PHP este devuelve un TEXTO PLANO (con formato HTML) que el servidor HTTP le devuelve al cliente que lo solisitó, el navegador toma ese texto plano con formato HTML y lo procesa, convirtiendoce asi en objetos (DOM) HTML (ya sea el label donde lees esto, o el cuadro de texto donde responderas).

PERO

Pero, para brindar dinamismo a los datos ya existentes, el navegador pocee un intérprete de JavaScript (normalmente, ademas de otros), éste brinda la pocibilidad de funciones ejecutadas EN EL CLIENTE, que por ejemplo desactiven un boton si un check box no esta marcado.

Sin embargo, y gracias a estas funciones corriendo en el cliente, pueden enviarce solicitudes HTTP internas e "independientes" a la carga de la pagina o a las interacciones del usuario. Una de las principales tecnologias basadas en este concepto es AJAX, que corresponde a una solicitud desde el propio JavaScript, "trasparente" al usuario y que se suele utilizar para capturar eventos que suseden del lado del servidor como notificaciones, o cargar nuevo contenido al ya existente el la propia pagina o producto de una accion del usuario o de un bucle de constantes llamadas a esa funcion.

En este punto entiendes que es necesario que "otro" php (o lo que sea) genere el dato que cargarás ahí gracias a ejecutar el ajax dento de tu JavaScript

El bucle para las llamadas a la actualizacion de ese campo es facilmente realizables con un TimeOut Dentro de una funcion que se llame a si misma.

Tambien a todo esto hay que aclarar que hay una simplificacion del uso de AJAX en JQuery, esta libreria deberás cargarla al JavaScript (Es un .js)

O TAMBIEN

Por otro lado, el metodo mas precario, utilizado antes de la existencia del ajax, es el Iframe, que consiste en un objeto "Navegador" dentro de los objetos de la pagina, este pocee su propio motor JavaScript, y por lo tanto un setTimeout(location.reload(),3000) (u otra de las 535 maneras de recargar la pagina) dentro de una etiqueta "Script" en la pagina cargada por el Iframe, solo recargará el Iframe.

3
  • Pienso que puede ser posible, he visto paginas, que por ejemplo te van enseñando el total de usuarios o de otro dato, y en la pagina se recarga esa cifra y va aumentando
    – user71085
    Commented el 10 feb. 2018 a las 23:05
  • @Aspoky Esos "contadores" suelen ser falsos, dado un incremento X con cierto grado de aleatoriedad, puedes hacer la prueva desconectando tu internet, si vez que el contador sigue cambiando, este es falso (dado que no podria actualizarse algo sin conexion, cierto?). Saludos. Commented el 12 feb. 2018 a las 4:21
  • 1
    @Aspoky creo que te faltó leer desde el 4to párrafo en adelante, donde después de explicarte que no se puede de la forma que lo estás haciendo, te explica cómo deberías hacerlo con una solicitud AJAX.
    – Mariano
    Commented el 12 feb. 2018 a las 4:22

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.