JavaScript/Introduzione ad AJAX: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
Ramac (discussione | contributi)
m cambio avanzamento a 100%
Ramac (discussione | contributi)
m fix congiuntivo
Riga 8:
 
== Un esempio ==
Supponiamo ad esempio di voler creare una tipica pagina "mostra suggerimenti": vogliamo che, ogni volta che l'utente clicca su un pulsante, vienevenga caricato un nuovo suggerimento.
 
<br/>Per fare questo abbiamo implementato sul server una pagina scritta in un linguaggio lato server (come [[PHP]] o ASP) che restituisca un suggerimento casuale tra un elenco di suggerimenti contenuti in un database. La pagina restituita dal nostro script lato server non deve contenere la struttura del documento HTML, ma solo il testo del suggerimento.
 
Con AJAX in questo modo potremmo fare sì che quando l'utente clicca sul pulsante "Mostra suggerimento" tramite l'oggetto <code>XMLHttpRequest</code> richiamiamo il testo restituito dal nostro script lato server (attenzione, non carichiamo il sorgente del PHP o ASP o quello che sia, ma il testo che restituiscono) e lo mostriamo all'interno di un apposito div.
Line 47 ⟶ 48:
</source>
Questa funzione che restituisce un nuovo oggetto <code>XMLHttpRequest</code> utilizza il costrutto <code>try... catch</code>; senza analizzarlo nei dettagli, questo costrutto permette di eseguire una porzione di codice (indicata nel blocco <code>try</code>) e, nel caso questa porzione generi un errore, eseguirne un altro (blocco <code>catch</code>).
<br/>In questo modo se la prima riga <code>xmlHttp=new XMLHttpRequest();</code> non funziona (funziona solo su Firefox, Opera e Safari) viene richiamato il blocco successivo, che richiamaistanzia l'oggetto in modo corretto per Internet Explorer.
 
Per creare un nuovo oggetto AJAX, quindi, basterà inserire nel nostro script la funzione sopra indicata e poi la riga: