Ejemplo:
http://nahueljose.com.ar/ejemplos/ajax-test/ index.html
Código XML:
Ver original<!doctype html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('.get-html').click(function(e){
e.preventDefault();
$.ajax({
type: 'POST',
url: $(this).attr('href'),
success: function(resp){
$('#comentario').html(resp);
}
});
});
});
</script>
<title>Prueba de ajax</title>
</head>
<body>
<p><a class="get-html" href="imagenes.html">Click acá para obtener un poco de HTML con imágenes con AJAX</a></p>
<div id="comentario"></div>
</body>
</html>
Código HTML:
Ver original<!doctype html>
<p>Lorem ipsum dolor sit amet, tempore Quaere allocutus ait regem consolatus dum animae tuae designaverant ut a civitas ex quae. Non potentia feugiat o sanguine instaret terrae in. Volentes mihi servitute meam contra me naufragus qui non potentiae. Audite deo hanc cuius ad nomine Stranguillio eam eos cui sed esse haec in. Navibus celebrent duo elitr qui enim.
</p> <p><img src="http://placehold.it/300x300" alt="Imagen Loca" title="Imagen Loca" /></p> <p>Lorem ipsum dolor sit amet, tempore Quaere allocutus ait regem consolatus dum animae tuae designaverant ut a civitas ex quae. Non potentia feugiat o sanguine instaret terrae in. Volentes mihi servitute meam contra me naufragus qui non potentiae. Audite deo hanc cuius ad nomine Stranguillio eam eos cui sed esse haec in. Navibus celebrent duo elitr qui enim.
</p> <p><img src="http://placehold.it/200x200" alt="Imagen Loca" title="Imagen Loca" /></p>