{"id":2366,"date":"2007-11-21T00:24:36","date_gmt":"2007-11-20T23:24:36","guid":{"rendered":"https:\/\/www.fullo.net\/blog\/archives\/2007\/11\/21\/form-ajax-degradabili-con-jquery-e-jqueryform\/"},"modified":"2007-11-20T15:29:15","modified_gmt":"2007-11-20T14:29:15","slug":"form-ajax-degradabili-con-jquery-e-jqueryform","status":"publish","type":"post","link":"https:\/\/www.fullo.net\/blog\/2007\/11\/21\/form-ajax-degradabili-con-jquery-e-jqueryform\/","title":{"rendered":"Form Ajax “degradabili” con JQuery e JQuery.Form"},"content":{"rendered":"

La degradazione del codice<\/a><\/em> \u00e8 un po’ il mio cavallo di battaglia quando discuto con sviluppatori “ajax-centrici” che preferiscono puntare sull’effetto di un fade che sulla usabilit\u00e0\/accessibilit\u00e0 dell’applicazione anche su browser datati o con javascript bloccato (ie. cellulari).<\/p>\n

La libreria JQuery<\/a> si \u00e8, in pi\u00f9 occasioni, dimostrata ottima per la gestione della degradabilit\u00e0 del codice ed uno degli esempi pi\u00f9 interessanti di questa pratica \u00e8 il plugin JQuery.Form<\/a>.<\/p>\n

Il plugin in questione infatti intercetta i normali form html e li ajax-izza<\/em> automaticamente, permettendo inoltre di abilitare operazioni pre e post invio. Nel caso in cui, per qualche motivo, il motore js non dovesse funzionare allora la form, per nulla toccata dal plugin, continuer\u00e0 a funzionare come nel sano, vecchio, web 1.0. <\/p>\n

Vediamone un esempio di funzionamento partendo dal tutorial presente nel sito del plugin.<\/p>\n

<\/p>\n

Innanzitutto inseriamo nell’head della pagina le chiamate a jquery ed al plugin, inoltre facciamo in modo che quest’ultimo sia abilitato solo alla fine del caricamento di tutta la pagina.
\n[code]
\n
\n