3. AJAX for dummies 3: XMLHttpRequest

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.

uri è l’url della chiamata, sia essa una pagina html, un file xml, una pagina jsp od una servlet. Se il metodo è GET l’uri conterrà i parametri passati, nella sintassi pagina?parametro1=valore&parametro2=valore… Il path della pagina può essere relativo od assoluto.

async indica se la richiesta è di tipo asincrono o meno. Solitamente è true.

Il secondo metodo visto nell’esempio (linkare) è send (ajax.send(null)).

Open e send sono sufficienti a effettuare una chiamata completa di tipo GET.

Per effettuare una chiamata POST la sintassi è la seguente:

ajax.open("post","cartella/pagina.jsp", true);
ajax.setRequestHeader("content-type", "application/x-www-form-urlencoded");
ajax.send("parametro=valore");
ajax.send("parametro2=valore2");

Per chiudere la connessione con il server, oltre al tipo di contenuti è consigliabile impostare un’altro header dal nome connection e con contenuto pari a close.
ajax.setRequestHeader("connection", "close");