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

<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!