Come progettare pagine Web Ajax

September 10

Come progettare pagine Web Ajax


Ajax (Asynchronous JavaScript and XML) è comunemente usato per creare pagine Web dinamiche. Ajax è stato reso popolare nel 2005, quando Google ha rilasciato diversi nuovi prodotti, tra cui Google Maps e Gmail, che hanno fatto affidamento su Ajax. Ajax non è un linguaggio di programmazione, ma un insieme di prodotti tecnologici utilizzati insieme per creare 2.0 in stile Web Rich Internet Applications (RIA). Avrete bisogno di avere familiarità con JavaScript e XML per iniziare a utilizzare Ajax nelle applicazioni Web.

istruzione

1 Creare un oggetto XMLHttpRequest. Tutti i browser principali utilizzano XMLHttpRequest per comunicare con il server. Per assicurarsi che gli utenti che eseguono Microsoft Internet Explorer versione 6.0 o più anziani può anche utilizzare la pagina Web Ajax, si dovrebbe anche creare un oggetto ActiveXObject. Per la maggior parte dei browser, inserire la riga: XMLHTTP = new XMLHttpRequest (); nella vostra funzione per creare un nuovo oggetto XMLHeepRequest.

2 Invia la tua richiesta di dati utilizzando open () e send (). La funzione open () richiede tre argomenti: se utilizzare GET o POST per inviare la richiesta; il nome del file si dovrebbe aprire; e il metodo che restituisce dati. Definire il terzo argomento nel metodo open () come vero per indicare che la richiesta di dati deve essere gestita in modo asincrono. In alcune circostanze si potrebbe desiderare di utilizzare le funzioni diverse da open () e send (). Per esempio:

xmlHttp.open (POST "," code.asp ", true);

xmlhttp.send (null);

3 Scrivere lo script lato server chiamato per XMLHttpRequest. Utilizzare il nome del file indicato nel secondo argomento della funzione open (). Lo script lato server invierà i dati richiesti indietro alla pagina Web.

4 Elaborare i dati risultanti e visualizzarla all'utente. Tutti i dati ricevuti dal server verranno memorizzati nella xmlHttp.responseText variabile.

5 Determinare quando verrà eseguita la funzione Ajax. Il tuo Ajax sarà eseguito in background mentre l'utente continua a interagire con la pagina Web e dati dal server viene visualizzato quando è disponibile.