crear navegación ajax

[quico5]

He creado estas dos páginas, al pulsar el enlace intento reemplazar solo el section, pero no lo consigo

parece que solo funciona si no lo abro en local, pero me carga la web entera en el section en vez de reemplazar solo el section, gracias

<script src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a').click(function() {
$('section').load($(this).attr('href'));
return false;
});
});
</script>

<a href="dos.html">Dos</a>

Yo soy el Index

<section>
Yo pertenzco al Index
</section>

<script src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a').click(function() {
$('section').load($(this).attr('href'));
return false;
});
});
</script>

<a href="index.html">Index</a>

Yo soy el Dos

<section>
Yo pertenzco al Dos
</section>

[Kamae]

Hola buenas

Tu problema es que te está ejecutando lo que tú le dices, y además lo que hace un <a>. Por eso siempre te recarga todo. Lo que debes hacer es decirle que anule el comportamiento normal para que sólo haga lo que tú le has programado, eso se consigue con event.preventDefault()

Te quedaría así el trocito del click():

Código PHP:

  $('a').click(function(event) { // Añadimos "event"
   event.preventDefault(); // Anulamos comportamiento del <a>
   $('section').load($(this).attr('href'));
      return false;
   });
});  
   

Prueba a ver si es esto. Saludos!