b - ... al Web‎ > ‎4) AJAX‎ > ‎

c) jQuery plugin

jQuery ha anche favorito lo sviluppo di molti plugin.
Prendiamone in considerazione due molti utili jQuery Form e jQuery Ubuntu growl.

Con jQuery Form siamo in grado di rendere asincrono il nostro form.

Con il secondo siamo in grado di trasformare le "alert" in comodi messaggi in cascata.



Concludiamo rendendo asincrono anche il caricamento dei messaggi e utilizziamo {{ mustache }} per trasformare l'array JSON, contenente i messaggi, in HTML.

Incominciamo con creare una funzione per caricare tutti i messaggi.

A questo punto serve che il nostro controller cambi il formato della risposta in base a quello richiesto. Nel nostro caso ci interessa che se viene chiesta la risposta in formato JSON il controller non ritorni la risposta in HTML, come di default.
Chiaramente siccome dobbiamo inviare l'elenco dei messaggi in JSON è stato creato il corrispettivo POJO, MessageJson.java.


Adesso ci serve definire la funzione che, grazie a mustache, genera l'HTML dell'elenco dei messaggi in base alla risposta JSON che riceviamo dal controller.

La risposta JSON è questa

E questa è la funzione che utilizza mustache. Qui si trova la documentazione.

L'ultima funzione, addClickHandler() semplicemente registra un handler sul clic dei "cancella".
ċ
GuestbookMVC.zip
(267k)
Alessandro Aglietti,
5 feb 2012, 15:05
Comments