Actualizar datos de una consulta con ajax
En esta ocasión vamos a ver como actualizar datos de una consulta utilizando ajax, usamos 2 ficheros el primero se encarga de hacer las peticiones y el segundo de mostrar el contenido dinámico:
update1.php
update1.php
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> function actualizar(){ $.ajax({ type: 'POST', url: 'update2.php', success: function(respuesta) { //Pegamos el contenido de update2.php en la div id#update $('#update').html(respuesta); } }); } setInterval( function(){ actualizar(); },1000)//Actualizamos cada 1 segundo </script> <h3>El contenido se recargar cada segundo</h3> <div id="update" style="border: 1px solid #000; padding:20px; float:left"> Contenido </div>update2.php
<?php //Consulta //$query_Consulta = "SELECT * FROM posts"; //Contenido dinámico para el ejemplo $contenido= time(); echo $contenido; ?>Si te a gustado el post compártelo!
0
Puntos
Puntos
8476
Visitas
Visitas
0
Resp
Resp
Por alber hace 109 meses
Administrador