JavaScript  »  Articoli  »  JQuery 

L'interattività con AJAX

JQuery presenta alcune funzioni per facilitare la creazione di applicazioni che fanno uso della tecnologia AJAX, rendendo possibili richieste asincrone e invisibili per l'utente. Il set di funzioni, molto completo, è scomponibile in due sottoinsiemi.

Il primo sottoinsieme riguarda le richieste AJAX ed espone svariate funzioni per effettuare richieste al server (utilizzando entrambi i metodi HTTP POST e GET) e per gestire la response. Quest'ultima può essere spedita dal server sotto forma di frammento HTML da caricare in un container presente sul sito, di codice JavaScript da eseguire o di codice JSON (JavaScript Object Notation) in modo da rappresentare oggetti più complessi. Per ognuno di questi utilizzi il framework mette a disposizione funzioni specifiche.

L'altoa micro-componente invece si occupa di gestire tutto ciò che riguarda gli eventi (e i relativi callback) scatenati da funzioni AJAX. È infatti possibile assegnare funzioni di callback da eseguire prima o dopo ogni richiesta AJAX o in caso di successo o di errore. Questo sottoinsieme permette di assegnare comportamenti applicativi in maniera globale a tutte le richieste AJAX effettuate; per assegnare invece callback specifici per richieste particolari si utilizzano le funzioni citate in precedenza.

Il componente di utility

Questo componente presenta alcune funzioni che secondo gli sviluppatori sarebbero dovute essere integrate nell'insieme delle funzioni standard del linguaggio, ma che per ragioni a loro (e a noi) sconosciute non esistono. Per rendersi conto dell'idea basta citare l'utile funzione di trim() sulle stringhe (rimuovere gli spazi di troppo all'inizio ed alla fine della stringa), la funzione each che fa da iteratore su un qualsiasi oggetto od array, un metodo standardizzato per utilizzare l'ereditarietà in JavaScript e molto altro ancora.

JQuery User Interface

Questo componente, realizzato da poco, permette di realizzare interfacce grafiche ricche di strumenti e widget. Essendo un componente più complesso dei precedenti, gli sviluppatori ci hanno dedicato un sito completo di snippet ed esempi funzionanti. Per analizzare il modulo in maniera completa servirebbe un intero tutorial e quindi mi limiterò ad introdurlo sotto il punto di vista teorico.

La User Interface viene scomposta in 3 sotto componenti:

• mouse interaction: un insieme di widget gestibili e influenzabili tramite il movimento del mouse (draggables, droppables, resizables, sortables e selectables);
• user interface extensions: un insieme di widget che permettono di realizzare interfacce web complesse e usabili allo stesso tempo che trasformano la web application in una normale applicazione desktop (dialog, calendar, accordion slider, table e tabs);
• effects: un insieme di funzioni che permettono di realizzare effetti grafici sull'interfaccia offerta al utente (shadow, magnifier).

Come espressamente sottolineato sul sito ufficiale del framework, questo componente non è ancora del tutto completo, mancano infatti componenti grafici aggiuntivi che verranno implementati in seguito (tra i quali un Rich Text Editor, un menu, una toolbar, un gestore di tree e altri ancora).

Nei prossimi articoli cerceremo di realizzare una vera applicazione AJAX utilizzando questi componenti, integrandoli tra loro per capire le enormi potenzialità offerte da un framework come JQuery.

Altri articoli

Altre guide

Altre newsletter