Función: Actualizar automaticamente un DIV (jQuery)
Actualizando un poco mi articulo anterior: “jQuery – Actualizar automaticamente un DIV”, que escribiera hace más de un año, les traigo una funcion que puede servir para no escribir tantas veces el mismo código.
CargarDiv = function (objetivo, url)
{$(document).ready(function() {$(objetivo).load(url+"?" + (new Date()).getTime());});}
Como podran ver, es una función muy simple la cual nos permite reutilizar el codigo para diversos usos. Añade luego de la url un “?+numero_al_azar” para evitar la cache de los resultados. [Linea 2]
El mismo podemos utilizarlo asi:
<html>
<head>
<!-- Por comodidad uso la libreria de jQuery desde Google. Si lo prefieren pueden usar la libreria alojada localmente. -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
//Definimos la funcion
CargarDiv = function (objetivo, url)
{$(document).ready(function() {$(objetivo).load(url+"?" + (new Date()).getTime());});}
//La llamamos pasando parametros. Primero el ID del DIV a actualizar, y luego la URL desde la cual actualizamos.
CargarDiv("#reciberespuesta", "http://www.dominio.com/resultados.php");
// Si es necesario que recargue cada cierto tiempo podemos usar setInterval
setInterval('CargarDiv("#reciberespuesta", "http://www.dominio.com/resultados.php")', 10000);
</script>
</head>
<body>
<div id="reciberespuesta"></div>
</body>
</html>
En este caso primero cargamos el div apenas la página esta lista, y luego definimos un tiempo de recarga con setInterval en milisegundos, en mi caso use el valor 10000 (10 segundos). ¿Por qué hacemos dos llamadas? Porque si solo usaramos setInterval y no lo llamaramos primero nosotros, luego de cargar la página deberiamos esperar – en este caso – 10 segundos para verlo “por primera vez” en nuestra página.




