Corsi on-line

Aggiungere Ajax alle proprie pagine con uno snippet jQuery

Segnalo un interessante articolo (“jQuery snippet to Ajaxify your Website“) pubblicato su AdmixWeb, in cui viene riportato uno snippet basato su jQuery grazie al quale aggiungere un semplice effetto Ajax a tutte le pagine del proprio sito Web; il codice aggiunge uno sorta di transizione per la visualizzazione di nuovi contenuti, in pratica, ad ogni click sui link viene associato un evento che permette di mostrare un nuovo output all’interno di un apposito container senza richiedere al browser di caricare un nuova pagina.

Ecco il codice dello snippet utilizzato:

(function($){
   $(document).ready(function(){
       var containerId = '#container',
       $container = $(containerId);
       $('a').live('click', function(e){
              $container.load($(this).attr('href') + '  ' + containerId);
              e.preventDefault();
        });
   });
})(jQuery);

Gli effetti di questa semplice modifica a carico delle pagine sono valutabili attraverso un’apposita demo messa a disposizione dall’autore.

Post correlati
I più letti del mese
Tematiche