Buenas, no se si el titulo es el correcto...
Seguro que alguien me puede ayudar, creo que hay alguna funcion ajax, o jquery que carga unicamente el contenido que se desea, haciendo que la web sea mas rapida y mas atractiva a mi gusto.
El efecto que quiero desarrollar es este:
Como podeis observar, al clickear en las diferentes secciones, no carga toda la estructura de la web, si no el div del contenido, bajo un #1 , #2, #3...
Aver si alguno sabe más del tema y puede ayudar.
Gracias.
#1 te hago un pequeño ejemplo rápido:
<html>
<head>
<script language="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
$(".ajaxLink").click(function(event){
event.preventDefault();
$.load($(this).attr("href"), {"dato":"valor","dato2":"valor2"},function(response){
$("#contenido").html(response);
});
});
});
</script>
</head>
<body>
<a href="./otraweb.html" class="ajaxLink" >probando</a>
Ž
<div id="contenido"></div>
</body>
</html>
Lo he hecho muy rápido porque mi novia se enfada xDD pero creo que la esencia está ahí. Te recomiendo que gastes load, frente a $.post, $.get, o $.ajax porque soluciona algunos problemas y es justo lo que necesitas.
Saludos!!