Introduzione a AJAX

Ajax � un insieme delle tecnologie, sostenuto da un web browser, compreso i seguenti elementi:
 

• HTML e CSS per presentarsi.
• Javascript (ECMAScript) per l'elaborazione locale e DOM (modello dell'oggetto del documento) per accedere ai dati all'interno della pagina o per accedere all'elemento della lima di XML colto sull'assistente (con il metodo del getElementByTagName per esempio)�
• Il codice categoria di XMLHttpRequest legge o trasmette i dati sull'assistente asynchronously.

Ajax usa un modello di programmazione con le esposizioni e gli eventi. Questi eventi sono azioni dell'utente, denominano le funzioni associate all'elemento del Web page.
Interattivo � realizzato con le forme ed i tasti. DOM concede collegare gli elementi della pagina con le azioni ed anche estrarre i dati dalle lime di XML fornite dall'assistente.
Per ottenere i dati sull'assistente, XMLHttpRequest fornisce due metodi � come segue:
- aprir: generare un collegamento.
- trasmettere: trasmettere una richiesta all'assistente.
I dati ammobiliati dall'assistente saranno trovati negli attributi dell'oggetto di XMLHttpRequest:
- responseXml per una lima di Xml o
- responseText per un testo semplice.

Prendere nota che un nuovo oggetto di XMLHttpRequest deve essere generato per l'ogni nuove lime da caricare.

Dobbiamo aspettare i dati per essere a disposizione per procederlo ed in questo scopo, il dichiarare di availabile dei dati � dato dall'attributo del readyState di XMLHttpRequest.

Dichiara di readyState seguono:
0: non inizializzato.
1: il collegamento etablished.
2: la richiesta ha ricevuto.
3: risposta in lavorazione.
4: rifinito.

Dhtml ha stesso scopo di Ajax, un insieme dei campioni:
- HTML,
- Css,
- Javascript.

Lo scopo di Ajax � quello di dare l'illusione che i Web site sono sensibli a reagire. Realizza questo procedendo le richieste che coinvolge la trasmissione e la ricezione dei pacchetti piccoli dei dati senza rinfrescare il web browser. Ajax � fondato sopra:

• XHTML - Un sottoinsieme rigido del HTML su cui � usato contrassegnare o designare le informazioni.
• DOM - Il modello dell'oggetto del documento che pu� essere raggiunto dal browser del cliente.
• XMLHttpRequest - l'oggetto che � usato per scambiare le informazioni asynchronously.
• XML - La disposizione che � usata per trasferire i dati dall'assistente al cliente.

L'uso di tecnica del Ajax una combinazione di:

• XHTML (or HTML) e CSS, per contrassegnare in su e la designazione delle informazioni.
• Il DOM ha acceduto a dinamicamente con una lingua scripting del cliente-lato, particolarmente esecuzione di ECMAScript quale il Javascript e JScript, alle esposizioni e si interagisce con le informazioni presentate.
• Il XMLHttpRequest � un oggetto che � usato per scambiare i dati asynchronously con il web server. In una certa struttura del Ajax ed in determinate situazioni, un IFrameobject � usato anzich� l'oggetto di XMLHttpRequest per scambiare i dati con il web server ed in altre esecuzioni, dinamicamente ha aggiunto la modifica del <script> pu� essere usato.
• XML a volte � usato come la disposizione per i dati di trasferimento fra il cliente e l'assistente, anche se tutta la disposizione funzioner�, compreso il HTML preformatted, il testo normale, EBML queste lime pu� essere generato dinamicamente da certa forma del assistente-lato che scripting.

Generando il HTML localmente all'interno del browser e soltanto portando gi� le chiamate di Javascript ed i dati reali dai Web pagi del Ajax pu� sembrare caricare rapidamente poich� il carico utile che scende � molto pi� piccolo nel formato. Un esempio di questa tecnica � grandi risultati regolati dove le pagine multiple dei dati esistono. Con Ajax, il HTML della pagina, per esempio, un controllo della tabella e una modifica relativa di TR e di TD pu� essere prodotto localmente nel browser e non essere portato gi� con la prima pagina dei dati. Se lo scatto dell'utente altre pagine, soltanto i dati � portato e popolato nel HTML generasse nel browser.

L'applicazione del Ajax pricipalmente � eseguita sulla macchina dell'utente, maneggiando la pagina corrente all'interno del loro browser usando i metodi del modello dell'oggetto del documento. Ajax pu� essere usato per un gran numero di mansioni come l'aggiornamento o cancellazione delle annotazioni; forme d'espansione di fotoricettore; domande semplici di rinvio di ricerca; o pubblicando categoria albero-tutta senza il requisito prendere una pagina piena del HTML ogni volta un cambiamento � fatto. Generalmente soltanto le piccole richieste devono essere trasmesse all'assistente e le risposte relativamente corte sono trasmesse indietro. Ci� consente lo sviluppo dell'applicazione pi� interattiva che caratterizza le interfacce di utente pi� sensibli a reagire dovuto l'uso delle tecniche di DHTML

Le applicazioni di fotoricettore che utilizzano Ajax possono rompere il comportamento previsto del browser indietro si abbottonano. La differenza fra il rinvio ad un precedente dichiara della corrente, la pagina dinamicamente modificata contro andare di nuovo ad una pagina statica precedente potrebbe essere quella sottile, ma gli utenti prevedono generalmente che quello scattare il tasto posteriore nelle applicazioni di fotoricettore sposti il loro browser verso l'ultima pagina ha caricato e nelle applicazioni del Ajax questo non potrebbe essere il caso.

Un'altra edizione � che i Web pagi che dinamici l'aggiornamento lo rende difficile affinch� un utente bookmark un particolare dichiarano dell'applicazione. Le soluzioni a questo problema esistono, molti di cui usano il contrassegno del frammento del URL (la parte di un URL dopo che �il #�) per tenersi al corrente di e permettere che gli utenti rinviino a, l'applicazione in dato dichiarano. Ci� � possibile perch� molti browsers permettono che il Javascript aggiorni dinamicamente il contrassegno del frammento del URL, di modo che le applicazioni del Ajax possono effettuarle mentre l'utente cambia l'applicazione dichiarare. Questa soluzione inoltre migliora il supporto del indietro-tasto. �, tuttavia, non una soluzione completa.

T intervallo fra la richiesta di utente e la risposta dell'assistente o lo stato latente della rete deve essere considerato con attenzione durante lo sviluppo del Ajax. Senza risposte libere all'utente, preloading astuto dei dati e la manipolazione adeguata dell'oggetto di XMLHttpRequest, l'utente potrebbe sperimentare fa ritardare nell'interfaccia dell'applicazione di fotoricettore, qualcosa che gli utenti non potrebbero prevedere o capire. Ulteriormente, quando un'intera pagina � resa ci � brevi momenti del riaggiustamento per l'occhio quando il soddisfare cambia. La mancanza di questo riaggiustamento con le pi� piccole parti delle marche cambianti dello schermo lo stato latente pi� apparente. L'uso di risposte visive (quali i throbbers) avvertire l'utente di attivit� della priorit� bassa e/o preloading del soddisfare e dei dati sono spesso soluzioni suggerite a queste edizioni di stato latente. Generalmente l'effetto potenziale di stato latente �non � stato risolto� da c'� ne dei toolkits aperti del Ajax di fonte e dell'oggi disponibile della struttura, quale l'effetto di col tempo di varianza di stato latente.

Prima che continuiate dovreste avere certa comprensione di base di seguente lingua:

• HTML/XHTML
• CSS
• XML
• Javascript

Se desiderate studiare questo primo tematico, trovare le lezioni private sul nostro Home Page.