JQuery
There are 9 entries for the tag
JQuery
Nei tip precedenti si è visto come comunicare con il server con la chiamata getJSON e restituiendo dalla pagina aspx un oggetto .net serializzato JSON. In molte situazioni è comunque conveniente formattare l’html direttamente lato server. Grazie a jQuery caricare parti di pagina dinamicamente è un gioco da ragazzi. Lo script del tip 8 è il seguente. $(function() {
$('[id=btnGetData]').log('button').click(function() {
var button = this;
var code = $('[id=txtCode]').val();
$('.result').load(
...
Nel codice relativo all’esempio del tip 7 è stato aggiunto un controllo di questo tipo per simulare eccezioni che si verificano nella pagina del servizio. String code = Request["Code"];
if (code.StartsWith("B", true, null))
throw new ArgumentException("Error in parameter");
In questo caso quando si richiedono i dati di un cliente il cui codice inizia per B viene lanciata una eccezione. Il problema in questo caso è che lasciando il codice javascript del tip 6, si ha un spiacevole inconveniente. Quando si richiede un cliente con codice che inizia con B, viene impostato lo stato di attesa come spiegato...
Nel tip5 ho mostrato come interrogare il server con getJSON, per questo tip ho semplicemente aggiunto nella pagina CustomerService.aspx una istruzione Thread.Sleep(3000) per fare attendere tre secondi il rendering della pagina. Lo scopo è simulare una operazione lunga. In situazioni in cui la risposta del server non può essere stimata (praticamente sempre), è necessario mostrare all’utente un qualche segnale che l’operazione è in corso, in modo che non possa più premere nel bottone, ma soprattutto sia avvertito visualmente che il sistema non è bloccato ma sta facendo qualche cosa. Questa operazione è cosi frequente che è stata implementata...
Nel precedente tip è stato mostrato come chiamare in maniera asincrona una pagina del server, e farsi restituire dati in formato json. Nell’esempio mostrato si è semplicemente chiamata una funzione che restituisce l’utente correntemente loggato. In situazioni reali è sicuramente necessario passare parametri alla pagina in questione, questo può essere tranquillamente fatto tramite il secondo parametro di getJSON. Supponiamo di avere una pagina CustomerService che permette di restituire un oggetto Customers del database northwind dato un suo id. Il codice lato server è il seguente String code = Request["Code"];
using (Northwind ctx = new Northwind())
{
...
Nel precedente tip è stato mostrato come dialogare con il server tramite un semplice webservice asmx. Sebbene questo modo di procedere sia molto intuitivo, comporta spesso un overhead causato dal file javascript generato dal server per permettere la chiamata del servizio. Nel precedente esempio infatti potete vedere, come oltre ai normali script, venga restituito al client il file http://localhost:21963/MyService.asmx/js che contiene tutto il codice per permettere l’invocazione del webservice. jQuery mette a disposizione modi molto più intelligenti di dialogare con il server, in particolare la funzione getJSON che permette di effettuare una chiamata ad una url che restituisce i...
La potenza di jQuery risiede principalmente nel rendere semplice manipolare un oggetto complesso come il DOM. La chiave di jQuery è quindi quella di dialogare con il server, invocando operazioni ed aggiornando l’interfaccia, senza effettuare postback ed inviando solamente i dati minimali. Esistono molti modi per dialogare con il server, ad esempio grazie ad asp.net ajax è semplicissimo invocare una funzione contenuta in un webservice .asmx. Il vantaggio di usare un asmx è che potete direttamente inserirlo nel sito, in questo modo anche la security standard di asp.net vi protegge dall’uso indesiderato. Se ad esempio chiedete il servizio con...
Dato che jQuery ha moltissime funzioni ed opzioni, spesso è facile perdersi. Avere l’intellisense è quindi un aiuto veramente indispensabile a volte. Fortunatamente Visual Studio 2008 include l’intellisense per javascript, è sufficiente scaricare l’apposito file di documentazione. In giro per la rete trovate molti file per intellisense, io uso questo (http://www.infobasis.com/sandpit/jQuery-Intellisense/jQuery-vsdoc.js) che è aggiornato alla versione 3. Per utilizzare l’intellisense non serve molto, basta copiare il file direttamente in una cartella di progetto e referenziarlo in un commento in questo modo Un altro utile strumento sono le refcartz, quella...
siderata l’importanza sempre maggiore che jQuery riveste per gli sviluppatori web, vorrei condividere qualche piccolo tip appreso qua e la, non so quanto riuscirò a mantenere la continuità, visto gli impegni sempre più pressanti di questo periodo lavorativo. I buoni propositi ci sono tutti :D. Iniziamo con il tip più importante, come fare log con la firebug di firefox. Ecco un estensione per poter effetturare il dump di un wrapped-set nella firebug (function($) {
$.fn.log = function(msg) {
if (typeof (console) == "undefined") {
...
Ancora non lo ho provato, ma se leggete questo post di scott gu vi spiega passo passo come abilitare l’intellisense per visual studio 2008 relativo alla libreria JQuery. Il fatto importante non è l’intellisense per se, ma che Microsoft abbia deciso di supportare JQuery direttamente nel visual studio. Un’altra prova della straordinaria validità di questa libreria. alk. Tags: JQuery