Ajax – Che cos'è? Asynchronous JavaScript and XML: vantaggi e svantaggi

Ora potete guardare su internet guadagnando popolarità l'uso e l'applicazione di nuove tecnologie. Uno di loro – è AJAX. Di cosa si tratta? Quali caratteristiche ha? Dove si applica? Tutte queste domande saranno trovate la risposta in questo articolo.

informazioni generali

Come si AJAX? Che cosa significa? Tale riduzione è un acronimo. E 'l'acronimo di Asynchronous JavaScript and XML ( "Asynchronous Javascript e IKSML"). Spesso si può vedere o sentire le informazioni che questa nuova tecnologia. Ma questo non è vero. Il fatto che Javascript e XML, ci sono già un periodo piuttosto lungo, mentre il "Ajax" è una sintesi di queste tecnologie. Il più delle volte è usato in combinazione con il termine Web 2.0 ed è intesa come l'utilizzo di tecniche avanzate di progettazione.

E quale funzione?

Così, abbiamo già un'idea generale di ciò che è AJAX. Quello che ci dà in pratica? Perché essendo parlare attivamente per la sua applicazione? La particolarità di questa tecnologia – è che quando lo si utilizza non è necessario aggiornare l'intera pagina alla prima domanda. Dopo tutto, si può richiedere nuovi dati solo per una parte di esso. Questo è conveniente (perché meno tempo bisogna aspettare), e il costo (per coloro che non sono internet illimitato). Tuttavia, per informare l'utente su ciò che sta accadendo aggiornamento è auspicabile utilizzare almeno un indicatore di carico o di messaggi di testo che informano sui nuovi dati dal server. Come la tecnologia svantaggi è spesso definito il fatto che non supporta i browser legacy e testo. E la possibilità di disattivare la tecnologia JavaScript è l'utente di molti e goduto. Pertanto, non si dovrebbe abusare di AJAX. Che può dare, se non quello di fornire metodi alternativi per fornire informazioni? Nel migliore dei casi, le informazioni appena non verrà visualizzato sul sito. Nel peggiore – il suo aspetto è così colpita che l'utente non deve più tornare.

I vantaggi di "Ajax"

Questa tecnologia offre due metodi con cui una pagina web può essere realizzato. La prima consiste nel fare cambiamenti senza riavviare. Questo può essere realizzato con le richieste dinamiche al server. La seconda implica l'uso di tecnologie specifiche, il più popolare dei quali è il XMLHttpRequest. Relativamente propri vantaggi, "Ajax" possono dire quanto segue:

1. È possibile creare una comoda applicazione web-based, quale interfaccia avrà un numero intero di caratteristiche interessanti per l'utente, con il risultato che facilitano l'interazione umana e sito web.
2. Invece di una pagina intera ricaricare un parziale. Questo consente di risparmiare risorse e ottimizza le prestazioni della macchina.
3. La parte server del sito è attivamente interagisce con l'utente.
4. Utile per l'attuazione di una serie di idee.

comunicare

Qui, per esempio, hanno bisogno di un modulo di feedback, che può essere utilizzato per consigliare i clienti. Come si può fare? In primo luogo abbiamo bisogno di prendersi cura del "vettore" di informazioni. Per fare questo, è necessario creare un oggetto XMLHttpRequest. Egli agisce come intermediario tra il server e il browser dell'utente. Con questo oggetto invierà le richieste e ricevere risposte ad essi. Per la comunicazione diretta, abbiamo bisogno di AJAX PHP. Questi strumenti possono essere implementate utilizzando GET o POST-query. In questo caso, gli argomenti necessari saranno passati direttamente tramite l'URL. Allo stesso tempo, verrà eseguita la funzione, e per assicurare che il trasferimento dei dati non viene interrotto. Ma come implementare AJAX richiesta? Consiglia di utilizzare POST. Grazie a lui, è possibile trasferire una quantità illimitata di dati, che, inoltre, è molto più difficile accesso.

principio di funzionamento

Come sono l'Asynchronous JavaScript and XML in pratica? Cerchiamo di capire con un esempio. Costruito con rispetto alla struttura è necessario fare in modo che la parte client fornisce tutte le funzionalità necessarie per lo scambio sicuro dei dati. Essa dovrebbe fornire i metodi necessari per la trasmissione di informazioni selezionato modi. La parte server dovrebbe garantire che il trattamento dei dati, e, sulla base di loro già, per generare nuove informazioni per passare successivamente al cliente. Il tipo più comune di interazione è quello di lavorare con il database. Abbiamo accennato in precedenza è un elemento di molti siti commerciali come una forma di feedback. Il vantaggio di "Ajax" in questo caso è che contiene dati di trasmissione asincrono. In altre parole, mentre le informazioni vengono inviate, l'utente può eseguire tutte le azioni necessarie a lui. Concentrandosi sulle specificità di ogni caso, è necessario decidere se si desidera che questo processo per informare il visitatore del sito. Rispetto allo stesso modulo di feedback va detto che in questo caso possiamo scrivere "operatore compone la risposta", o qualcosa di simile.

risposta del server

Egli può venire non solo per XML, come si potrebbe pensare a causa del nome della tecnologia. Inoltre, può essere trasmesso come testo normale o JSON. Nel primo caso le informazioni possono essere immediatamente visualizzato nella pagina. Se si utilizza XML, è necessario prendersi cura di questo AJAX-file è stato correttamente elaborato nel browser client. Tutti i dati in questo caso viene convertito in HTML (X). Quando si utilizza formato JSON, è necessario eseguire il codice per ottenere l'oggetto completo Javascript. E 'necessario prestare attenzione e di prendere in considerazione il fatto che molti hacker amano per trasmettere codici maligni per mezzo di questa tecnologia. È pertanto necessario prevedere il processo di verifica dei dati prima della lavorazione. Caratteristiche di realizzazione per i diversi browser potrebbero essere leggermente diversi, ma in generale, l'azione qui è uno schema.

Facciamo una richiesta al server e un'elaborazione risposta

L'intera sequenza di azioni è la seguente:

1. Inizialmente, è necessario creare e per assicurarsi che non ci sia XMLHttpRequest.
2. Poi inizializza connessione al server.
3. Inviare la richiesta ad esso.
4. Vi aspettiamo per i dati a venire, ed elaborarli.

Dovrebbe raccontarvi alcune delle caratteristiche sulla creazione dell'oggetto. Si può essere avviata in qualsiasi luogo in cui è possibile solo nel quadro del linguaggio di programmazione. Ma se è stato dato lo status di una società globale, in un qualsiasi punto nel tempo per essere possibile lavorare con una sola richiesta. A questo punto, è necessario prestare molta attenzione. Per quanto riguarda il trattamento – qui ci concentriamo sullo strumento prescelto. Quindi, se i dati XML da elaborare DOM-funzioni e presentare l'utente ha il risultato finale in HTML. E cosa fare con JSON-rated? Deve essere chiaro che è la notazione oggetto Javascript. Che cosa significa? Due JSON un oggetto può essere rappresentato come una stringa. Ma si deve ricordare che questo metodo non è sicuro al massimo, e un sacco di fattori devono essere considerati. Ma, in generale, è molto facile.

linguaggi di programmazione lato server

Quasi tutte le applicazioni web-based li utilizza in un modo o nell'altro. Per la trasmissione dei dati è il PHP più popolari. Su di esso di solito scrivere i file per i siti, in cui non è la velocità di trasmissione dei dati critici, e l'equilibrio preferito tra lei e l'affidabilità. tecniche di trasmissione XMLHttpRequest discussi sopra.

Configurazione del server

Quali programmi sono necessari al fine di operare pienamente AJAX? Che cosa significa questo ci dà? Quali sono per loro? Per ottenere risposte a queste domande, si dovrebbe familiarizzare con il seguente elenco:

1. HTML / XHTML. Essi sono necessari per il server di riconoscere il layout di pagina.
2. CSS. Questo strumento è necessario per la selezione visuale di progettazione della pagina.
3. DOM. È necessaria al fine di garantire i cambiamenti dinamici in una pagina in risposta all'azione dall'utente.
4. XML. È necessario per il trasferimento dei dati tra il client e il server.
5. JavaScript. Abbiamo bisogno di creare un cursore "Ajax" e fornire interattività.
6. XMLHttpRequest. Oggetto attraverso quali query verrà inoltrata al server.

Utilizzo del sito

Così ora abbiamo sia le conoscenze teoriche e le idee su come l'AJAX. L'invio dei dati è ora richiede solo una certa pratica. Guardiamo in generale, come affrontare l'attuazione del compito utilizzando il "Ajax". Quindi, abbiamo bisogno di creare un database dei driver. Ed essi saranno diversi dispositivi azionabili. Va notato che la banca dati di cui sopra è molto grande, quindi ho solo inviare al cliente e che ha da offrire per effettuare una selezione usando JavaScript non ha senso. E 'anche auspicabile possedere una pagina web viene ricaricata a causa di un singolo parametro. Sul server richieste saranno di gestire script speciali PHP. La banca dati è implementato come un file XML.

A proposito di database

E 'necessario elaborare la sua struttura. E se i parametri passati, che sono gli oggetti? In tal caso è necessario prevedere la creazione di una variabile, dove non ci sarà alcun collegamento alla manifestazione chiamata dalla funzione. Per essere in grado di accedervi da qualsiasi luogo, è necessario fare un codice globale. Per comodità, è auspicabile utilizzare un sistema di gestione di database. Naturalmente, questo non è necessario. Ma ancora consentire l'uso di database di lavorare più comodamente e in modo efficace con i dati.

Stiamo lavorando su funzionamento del motore

Come ha fatto tutto quello che accadrà? Quindi, c'è un certo evento, che causerà una funzione speciale. Lei preparerà un GET o POST-dati che verranno inviati. Si chiama la funzione, che farà un appello alla URL dello script del server. È necessario prevedere la creazione di XMLHttpRequest oggetto. Un riferimento deve essere memorizzato in una variabile. Dopo che i dati sono stati inviati al server, è necessario attendere una risposta da lui. Per fare questo, è possibile attivare "intercettazioni" per ottenere informazioni (se conosciuto, sarebbe venuto e quando) o per fornire una funzione che sarà sempre pronto ad accettare i dati. La prima forma di realizzazione è meno affidabile in caso di una situazione straordinaria. La seconda realizzazione – più costosa in termini di risorse. Anche se, se è fatto solo per quanto riguarda una variabile, non influenza l'Internet veloce. Ma se ci sono centinaia di migliaia, e avranno una risoluzione elevata, – allora sarà un altro discorso. E 'quindi necessario cercare un equilibrio tra l'uso delle risorse disponibili e l'efficacia. Dopo tutto, si deve capire che non tutti hanno la memoria a 16 GB. Questo può impostare un certo tempo di attesa dopo che ha sostituito i dati o informazioni precedenti che il server non è disponibile in questo momento.

lineamenti

Quando si utilizza il "Ajax" viene creato dall'interfaccia per la pagina o l'applicazione, è necessario fare in modo che il risultato funziona bene su diversi sistemi operativi, e su diversi browser. Nel primo caso sarà in grado di fornire emulatori preziosa assistenza. Nel secondo caso sarà sufficiente installare una varietà di programmi e testare la funzionalità del codice. E 'inoltre necessario prevedere determinate azioni e, nel caso in cui il browser dell'utente verrà utilizzato non aggiornati o si spegnerà le impostazioni necessarie. In questi casi, si deve prestare attenzione per il ritiro del testo sulla pagina, indicando il motivo per cui il sito di osservazione in questo caso non è possibile. Sì, ora la stragrande maggioranza delle persone che utilizzano la tecnologia moderna, ma non del tutto lasciare andare l'attenzione alla probabilità e il fatto che una piccola percentuale di visitatori utilizzerà alcuni software obsoleti. E in scala di affari che può avere conseguenze significative.

conclusione

Che arriva ad una fine logica di questo articolo. Se parliamo di "Ajax" nel complesso, questo strumento permette di creare una molto attraente e ricco di funzionalità i siti web che funzionano in modo rapido e con la disposizione competente consegnare ai propri utenti un piacere. Non c'è dubbio che ci saranno anche le tecnologie più avanzate in futuro, ma per ora useremo quello che abbiamo. Il miglioramento dei linguaggi e delle tecniche di programmazione è del tutto possibile, e questa è un'opzione che sarà disponibile, i metodi che creerà ancora più prodotto di alta qualità. Ma sia come sia, il lavoro necessario ora che è. E questo nome – "Ajax".