JavaScript  »  Articoli  »  MooTools 

Basta impostare all'opzione 'data' l'id del form con la funzione $, e tutti gli input values verranno elaborati automaticamente per formare la querystring da inviare. È possibile in alternativa utilizzare i metodi del file Element.Form, come toQueryString, che svolgono la medesima operazione ma in modo sintatticamente differente.

Ecco tutte le cinque demo presenti in questo articolo pronte per il download, con tutte le relative pagine in formato php che forniscono le risposte del server.

Demo ufficiali

Per avere una panoramica ancora più ampia di cosa è possibile fare con la classe Ajax, consiglio la lettura delle demo ufficiali presenti nella sezione demos di MooTools:

• Ajax
• Ajax Advanced
• Ajax.Form
• Ajax.Timed

Questi esempi sono scritti davvero bene e mostrano le più svariate operazioni avanzate che si possono effetuare con le classi XHR e Ajax.

Download e compatibilità

Come accennato in precendeza, per effettuare richieste asincrone con MooTools sono necessari i seguenti file:

• sezione Core (Core)
• sezione Class (Class, Class.Extras)
• sezione Native (Array, String, Function, Number, Element)
• sezione Element (Element.Form)
• sezione Remote (XHR, Ajax)

Includendo questi componenti si ottiene un framework Ajax davvero completo.

Come sempre, è un ottima tecnica includere questi file in uno script separato, chiamato ad esempio mootools_ajax.js. Se successivamente avremo bisogno di creare qualche effetto, scaricheremo i file occorrenti e includeremo mootools_effects.js (attenzione a non duplicare l'inserimento dei file Core, Native e cosi via. A questo proposito consiglio di riunire in un file base tutti questi componenti e successivamente scaricare quelli avanzati necessari), in modo da ottenere un'applicazione modulare con un peso non più elevato del necessario.

Ricordo che questo tutorial è relativo alla versione 1.1 di MooTools. Nella versione 1.2 le classi XHR e Ajax verranno sostituite rispettivamente dai costruttori Request e Request.HTML. Questi svolgono funzionalità parecchio simili, inserendo potenzialità aggiuntive e migliorie in termini di compattezza e strutturazione del codice.

Json.Remote e Request.Json

XHR e Ajax non sono le uniche due classi che MooTools ci fornisce per contattare il server. Esiste un terzo costruttore chiamato Json.Remote (che verrà sostituito da Request.Json nella versione 1.2) che estende XHR e permette di inviare e ricevere oggetti Javascript nel formato Json.

Conclusione

In questo articolo abbiamo esaminato dettagliatamente tutta la struttura e i componenti delle classi XHR e Ajax che costituiscono il framework MooTools per effettuare richieste asincrone al server. Abbiamo visto tutta l'elasticità e la semplicità offerte dalla libreria, che ha saputo offrire una risposta valida alle molte e ottime soluzioni che è possibile ottenere con altri framework.

Altri articoli

Altre guide

Altre newsletter