Archivio per la Categoria The AJAX way

3. AJAX for dummies 3: XMLHttpRequest

Posted in The AJAX way con i tag , , , on Domenica, 3 Febbraio 2008 by dani1302

L’oggetto XMLHttpRequest è il tramite delle richieste verso l’application server.

I metodi di XHR sono:

open (method, uri [,async][,user][,password])
E’ il primo metodo utilizzato, e racchiude una serie di parametri, di cui alcuni opzionali.
method indica il metodo di invio dei dati(GET o POST). Le differenze tra queste metodologie sono principalemente due: GET mostra all’utente nell’url i parametri inviati, con la sintassi pagina.jsp?parametro=valore, questo limita la dimensione della richiesta a 256 caratteri. Il metodo POST permette di inviare una quantità maggiore di dati.
Continua a leggere…

2. AJAX for dummies 2: il DOM

Posted in The AJAX way con i tag , , , on Domenica, 6 Gennaio 2008 by dani1302

Continua da qui.

Il DOM(Document Object Model) è una rappresentazione logica della pagina HTML. E’ assimilabile ad un albero i cui nodi sono i tag.

E’ possibile visualizzare il DOM delle pagine con Mozilla Firefox, dal menù Strumenti – DOM Inspector, come nell’esempio.

Quindi gli elementi dell’albero sono di due tipi: i tag, che hanno degli attributi e possono avere figli, e i textNode, che rappresentano il testo contenuto tra i tag.

Continua a leggere…

1. AJAX for dummies 1: Hello world

Posted in The AJAX way con i tag , , , on Sabato, 5 Gennaio 2008 by dani1302

Conoscenze necessarie: HTML, JavaScript, CSS, un linguaggio server-side (per noi Java e suo uso in JSP), DOM.

Fonti:
http://javascript.html.it/guide/leggi/95/guida-ajax/

http://javascript.html.it/guide/leggi/24/guida-dom/

Teoria: AJAX sta per Asynchronous JavaScript And XML. Non si tratta di una tecnologia vera e propria, ma di un utilizzo di linguaggi esistenti, quali il JavaScript e XML per ottenere un dialogo client-server di tipo asincrono, ovvero scambio di dati che avviene in modo veloce e trasparente, in tempi separati dal caricamento della pagina.

Pratica:

Continua a leggere…