Ajax è diventato oggi una delle tecnologie piu diffuse su internet per lo sviluppo di siti web moderni e funzionali. Con Ajax è possibile fornire all’utente una nuova esperienza di navigazione dei siti web grazie alle richieste effettuate al server senza postback, in modo da vere i dati aggiornati in tempo reale senza il fastidioso refresh della pagina web che spesso devia l’attenzione dell’utente, fa perdere il fuoco sul modulo etc.
In questo breve tutorial voglio guidare lo sviluppatore nell’implementazione di base di ajax nei propri progetti web.
Innanzitutto è necessario scaricare l’Ajax Control Toolkit fornito da Codeplex al seguente link http://ajaxcontroltoolkit.codeplex.com/releases/view/43475. Qui troverete la versione disponibile al momento della stesura di questo articolo. Potete scegliere per quale versione del framework volete scaricare il toolkit ( asp.net 3.5 o 4.0).
l’Ajax Control Toolkit è una suite di controlli asp.net che consentono allo sviluppatore di utilizzare le potenzialità di ajax senza rinunciare alla comodità dell’ambiente di sviluppo di Visual Studio (2005 2008 2010).
Dopo aver scaricato il toolkit in formato .zip è necessario scompattarlo in una cartella, successivamente aprire visual studio, creare un nuovo progetto o sito web od utilizzarne uno esistente e poi aggiungere i controlli ajax. Per fare questo è necessario creare un nuovo tab nella Toolbox facendo tasto destro col mouse in un punto qualunque di essa e selzionando Add Tab
A questo punto fare nuovamente tasto destro sul nuovo tab creato e selezionare Choose items…, sfogliare l’hard disk fino a raggiungere la cartella dove erano stati precedentemente estratti i file del tool kit, e selezionare il file AjaxControlToolkit.dll.
A questo punto comparirà tutta la nuova serie di controlli che potremo aggiungere a piacimento nelle nostre pagine web.
Nel caso voleste snellire il codice javascript risultante e le pagine css per velocizzare il download delle vostre pagine web, microsoft mette a disposizione gratuitamente uno strumento chiamato Ajax Minifier disponibile a questo indirizzo http://ajaxmin.codeplex.com/.
Grazie e al prossimo articolo
