Carrello elettronico drag 'n' drop con AJAX

(21/11/2006) L'articolo spiega come combinare i tre elementi elencati in maniera da ottenere il risultato sperato con pochissime righe di codice.

AJAX è una tecnica di sviluppo Web molto apprezzata: essa presenta sicuramente alcuni svantaggi non trascurabili, ma è impossibile negare che l'Asynchronous JavaScript and XML permette di sviluppare interfacce di grande efficacia, molto spesso discretamente usabili e dispone di framework Javascript con funzionalità che sino a un cinque anni fa non esistevano.

A tale proposito, è particolarmente interessante il tutorial apparso sul sito AjaxWorld Magazine che spiega come realizzare un tradizionale carrello elettronico, introducendo tuttavia alcune interessanti varianti. Queste, riassumibili nella creazione di un'interfaccia basata sul trascinamento di oggetti piuttosto che sull'uso di pulsanti e sull'utilizzo di AJAX per gestire i contenuti, sono implementate in maniera estremamente semplice, come a sottolineare i risultati ottenibili con un impegno minimo.

L'effetto del drag 'n drop è possibile grazie all'impiego della libreria script.aculo.us, oggi giunta alla versione 1.6.5. Il database degli articoli è invece generato attingendo al catalogo di Amazon tramite un Web Service, mentre la gestione delle comunicazioni utilizza un SimpleRemoteScripting (SRS). Quest'ultimo, forse un po' meno conosciuto di altri framework, permette allo sviluppatore di utilizzare in maniera immediata ColdFusion per effettuare dello scripting remoto (SimpleRemoteScripting), ricaricando nella pagina solo gli elementi aggiornati, in pieno stile AJAX.

Fra le sue caratteristiche più interessanti, la disponibilità di un debugger tempo che mostri in tempo reale il traffico nella pagina... Continua su http://programmazione.it/index.php?entity=eitem&idItem=34821