Pagina laden zonder refresh

Hallo,

Ik heb vraagje, bijv. hoe laad facebook zijn pagina's. Omdat de url wel veranderd, maar de header met het facebook logo veranderd niet.

Een ander voorbeeld heeft de site criminalwar.nl

Elke pagina krijg #! mee. Maar alles word geladen zonder te refreshen?

Weet iemand hoe dat gedaan word? Of dat er ergens een opensource project is die dat mogelijk maakt?

Groetjes!

$(document).ready(function () {
   $('a.load').click(function(event){
      event.preventDefault();
      $('#main').load(this.href);
      // #!
   });
});

Beetje op internet rond gezocht. Dit gevonden en dat werkt. Alleen hoe verander ik de url in de balk.

Bijv:

http://www.website.com/#!/pagina1

En dat hij dan pagina1.html inlaad?

Iemand een idee, heb een beetje gezocht, niks gevonden. Heb totaal ook geen kennis van JS (jQuery)

Het is me gelukt.

Stukje javascript (jQuery):

$(document).ready(function () {
  $('a.load').click(function(e) {
    var url = '#!/' + $(this).attr('href');


    window.history.pushState('string', 'Title', url);


    var newUrl = url.split('#!/');


    $('#content').load(newUrl[1]);


    e.preventDefault();
  });
        var current = $(location).attr('href');
        var currentUrl = current.split('#!/');


        $('#content').load(currentUrl[1]);
});

En dan de anchor:

<a href="test/test" class="load">Test/Test</a>

Doormiddel van mod_rewrite haal hij de pagina op!

Dus test/test word dan test.php!

Bedankt voor alle hulp!