jQuery e ASP.NET MVC, user experience e semplicità

di: Francesco Camarlinghi     24 Marzo 2010

Grazie alla sua struttura fortemente modulare ASP.Net MVC è una tecnologia che si integra molto facilmente con diverse librerie JavaScript, consentendo la creazione di applicazioni moderne e interattive. In questo tutorial vedremo come sfruttare le potenzialità di JQuery, libreria molto apprezzata per la sua leggerezza e facilità di utilizzo, per la realizzazione di un'interfaccia di registrazione utente basata su Ajax.

Le funzionalità che implementeremo nel tutorial sono principalmente tre:

  • notifica istantanea della disponibilità dello username scelto dall'utente
  • validazione lato client del form
  • spedizione del form di registrazione tramite Ajax

Durante il tutorial utilizzeremo Visual Studio 2008 ed ASP.Net MVC 1.0, tuttavia tutte le nozioni dovrebbero essere applicabili anche nel caso in cui stiate lavorando con Visual Web Developer Express Edition, Visual Studio 2010 o ASP.Net MVC 2.0.

Allegato all'articolo è disponibile il progetto di esempio da scaricare, utile come riferimento aggiuntivo.

Predisporre l'ambiente

Avviamo Visual Studio e creiamo un nuovo progetto ASP.Net MVC avendo cura di selezionare C# come linguaggio di programmazione ed il framework .Net 3.5 come piattaforma.

Creazione del progetto

Creazione del progetto

Il progetto appena creato include già al suo interno la libreria JQuery versione 1.3.2. Per comodità durante il tutorial utilizzeremo questa versione nonostante che, nel momento in cui scriviamo, non sia la più recente.

Oltre alla libreria JQuery il progetto MVC mette a disposizione un controller dedicato alla gestione degli account utente. Tuttavia, poichè nel tutorial scriveremo una versione personalizzata della pagina di registrazione, non avremo bisogno del controller predefinito: procediamo quindi ad eliminarlo insieme alle viste ad esso associate. A questo punto la struttura dell'applicazione dovrebbe essere simile all'immagine seguente:

Struttura dell'applicazione

Struttura dell'applicazione

Guide ASP.Net

Guida Windows Azure Code Snippets

Le migliori pratiche per far girare le applicazioni "in the cloud",...

Guida ASP.NET MVC Best Practices

Un workflow dettagliato e ricco di suggerimenti pratici per...

Guida ASP.NET Starter Kit

Un modo semplice per imparare ad utilizzare le tecnologie Microsoft...

Altre guide

Newsletter @Microsoft Dev

Ogni giovedì, direttamente nella tua e-mail: articoli, guide, tutorial e script ASP, ASP.Net, SQL server e IIS.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Progettazione database

11 Maggio 2012 a Milano
Disponibilità: 6 Posti

Amministratore di Reti Windows Server 2008

11 Giugno 2012 a Milano
Disponibilità: 5 Posti

Nessun corso previsto