Code pour illustrer la bascule des contenus en ajax, sur l'article de BoiteAWeb

switch ajax content

// je fais une requête ajax vers le lien, en poussant BAWXMLHttpRequest dans les headers
function perform_ajax_request( url ) {
    $.ajax({
        url    : url,
        type   : 'POST',
        headers: {
            'X-Requested-With':'BAWXMLHttpRequest'
        }
    }).done( function( data ) {
        var data = $.parseJSON( data );
        switch_content( template_actuel, data );
    }).error( function() {
        // Error
        alert( 'Impossible de mettre à jour le contenu' );
    });
}

//la fonction pour la bascule des contenus
switch_content( template_actuel, data ) {
    switch( template_actuel ) {
        case 'detail':
            $( '.detail' ).remove();
            break;
        case 'liste':
            $( '.intro, .liste' ).remove();
            break;
        default :
    }

    switch( data.template ) {
        case 'detail':
            $('body').append($(data.detail));
            break;
        case 'liste':
            $('body').append($(data.intro + data.liste ));
            break;
        default :
    }

    // mise à jour du template
    template_actuel = data.template;

    // changement du nom de l'onglet
    window.document.title = data.title;
}