Recargar Texto Automaticamente Jquery Ajax
Categories: AJAX - Tags: AJAX, jqueryCon la ayuda de jquery es muy fácil recargar un texto ya sea que lo invoquemos de una base de datos o de un array, para este ejemplo voy a usar un array generado por un archivo PHP; y voy a usar un set_interval de javascript para que se recargue automaticamente cada cierto tiempo.
El html para recargar
Mi codigo html se limita a crear un div donde recargar el texto
El javascript para recargar
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <script language="javascript" src="js/jquery-1.2.6.min.js"></script> <script language="javascript"> function recargar(){ // Limita el contador a solo 5 elementos if ($actual<=5) { $actual=$actual+1; } else { $actual=1; } // Setea la variable que vamos a enviar a php var variable_post=$actual; // Enviamos los valores a miscript.php $.post("miscript.php", { variable: variable_post }, function(data){ /// Actualizamos el div recargado $("#recargado").html(data); }); } $actual=0; // Establecemos el temporizador a 2 segundos timer = setInterval("recargar()", 2000); </script> |
miscript.php
Este script puedes cambiarlo por una conexion de base de datos, para el ejemplo yo uso un simple array con los mensaje
1 2 3 4 5 6 7 8 | <?php // Creo el array $mensajes=array("0", "Mi primer mensaje", "2do mensaje", "un tercer mensaje", "cuarto Mensaje", "5to mensaje"); // Busco el elemento seleccionado $nro=$_POST['variable']; // Muestro el mensaje echo $mensajes[$nro]; ?> |
hola Miguel, antes que nada agradecerte por todos los buenos tutoriales de tu blog, respecto a este codigo tengo una duda.
Resulta que funciona todo correctamente, pero a la hora de enriquecer mi miscript.php se me presenta el siguiente problema.
Antes de continuar, estoy hablando de esta pagina http://charliec114.dyndns.org/charliec114/resumen/
el tema es, que cuando a miscript.php (en mi codigo se llama cuerpo.php) le quiero asignar mas funciones javascript, de esas que se ponen entre y concretamente le quise agregar esta funcion http://adamoliver.net/demos/more-less-jquery/ no logro que funcionen.
Imaginaba que habia que ponerlo entre los head del html, pero no funciono, y probe ponerlo en miscript.php y tampoco funciono. Pense que miscript.php heredaba al igual que los CSS la cabecera del HTML pero se ve que no es asi…
Nose si logro explicarme, pero no tengo drama de mandarte el codigo en discordia, desde ya muchas gracias!
Hola Migel primero darte las gracieas por el tuto, segundo lo estoy utilizando para actualizar una tabal que se llenan con unos datos de una base de datos mi consulta es la sig. hay alguna forma de pasar una variable (0 ó 1) desde la pagina php al script para decirle que actualice o no el DIV para que este se actualice solamente si se modifica la BD, desde ya muchas gracias.-
muy buen tutorial, gracias por el aporte amigo…
HOLA MIGUEL BUENOS DESEOS EN SUS PROYECTOS…
DESCARGUE EL EJEMPLO PERO SOLO SALE “Mi texto sin recargar” Y LUEGO SE BORRA Y NO CARGA LOS MENSAJES DEL ARRAY. QUISIERA SABER QUE ES LO QUE PASA, SI ES PROBLEMA DE CODIGO O DE ALGUNA CONFIGURACION DE MI EQUIPO QUE NO DEJA QUE EL SCRIP FUNCIONE
Hola Miguel, me parece excelente tu tutorial, quiero preguntarte como hago para eliminar el efecto fade al cambiar los elementos del DIV, necesito hacer los cambios pero sin desvanecer los valores.
Muchas Gracias!!
Muy buen aporte. Saludos y éxitos.
Hola Miguel, muy bueno tus tutos me encanto en especial este!!..
pero tenog un problema en localhost em anda super per cuando lo subo(ami@) me actualiza solo 3 veces luego se cuelga!! subi toda la carpeta tal y como esta no movi nada para probar y aun asi solo actualiza trez veces y se queda en blanco, esto em tiene loco por favor espero me ayudes con esa duda..
Hola Miguel, muy bueno tus tutos me encanto en especial este!!..
pero tenog un problema en localhost em anda super per cuando lo subo(ami@) me actualiza solo 3 veces luego se cuelga!! subi toda la carpeta tal y como esta no movi nada para probar y aun asi solo actualiza trez veces y se queda en blanco, esto em tiene loco por favor espero me ayudes con esa duda….
Hola!!
espero me puedan ayudar, me pueden decir como puedo usar el ejemplo con una base de datos, lo que pasa es que en un archivo.php tengo la tabla donde se va imprimir y el query lo uso en el miscrip.php pero no me hace nada, alguien me pudiera explicar como lo uso, gracias
Exactamente igual al ejemplo, si no te funciona es posible que estés intentando probarlo offline o fuera de un servidor
Es increíble, como de maneras tan simples como algunos de los efectos que muestran en esta pagina, se pueden hacer muy lindos efectos o recursos. Saludos y exitos
Hola miguel podrías agregar como configurar-lo para que muestres valores dinámicos de una base de datos
Es igual que una consulta SQL común en el archivo PHP, aunque si los datos devueltos fuera algo muy complejo te recomendaría utilizar XML o JSON