Hogy tudom megoldani hogy ne töltse újra az oldalt?

Fogsz egy kis HTML-t. Apróra vágod a CSS-t, majd ízlés szerint fűszerezheted egy kis jQuery-vel. Az igazi ínyencek még hozzáadhatnak egy kis szerver oldali kódot, és nagyjából 15-20 perc alatt ropogósra sül 180 fokon.

Egy ilyet betolsz az oldal HEAD elemébe:

<script type="text/javascript" src="http://code.jquery.com/jquery-2.2.1.min.js"></script>

Először is kell egy egyedi azonosítóval ellátott div, amibe töltöhethetünk:

<div id="tartalom"></div>

És most jön a nagy trükk:

<script type="text/javascript">

function betolt(oldal) {

$.get(oldal, function(eredmeny) {

$("#tartalom").html(eredmeny);

});

}

</script>

És ez úgy fog működni, hogy:

<a onclick="betolt('valami.html');">Másik oldal</a>

Persze vannak biztonsági kérdések is, de az XSS-ről sokat lehet olvasni a neten.