Ajax - Què és? JavaScript asíncron i XML: avantatges i desavantatges

Ara es pot veure a Internet guanyant popularitat l'ús i aplicació de les noves tecnologies. Un d'ells - és AJAX. Què és? Quines característiques té? On se sol·licita? Totes aquestes preguntes es poden trobar la resposta en aquest article.

informació general

Com es troba AJAX? Què vol dir? Aquesta reducció és un acrònim. És sinònim de JavaScript asíncron i XML ( "Asynchronous JavaScript i IKSML"). Sovint es pot veure o escoltar la informació que aquesta nova tecnologia. Però això no és cert. El fet de que el JavaScript i XML, ja existeixen des de fa molt de temps, mentre que el "Ajax" és una síntesi d'aquestes tecnologies. El més sovint s'utilitza en conjunció amb el terme Web 2.0 i s'entén com l'ús de tècniques avançades de disseny.

I quina funció?

Per tant, ja tenim una idea general del que és AJAX. El que ens dóna en la pràctica? Per què està sent activament parlar sobre la seva aplicació? La peculiaritat d'aquesta tecnologia - és que quan ho fa servir no cal actualitzar la pàgina sencera en el primer requeriment. Després de tot, pot sol·licitar noves dades només per part d'ella. Això és convenient (perquè com menys temps que ha d'esperar), i el cost (per als que no són Internet il·limitat). No obstant això, per informar a l'usuari sobre el que està succeint actualització és convenient utilitzar almenys un indicador de càrrega o missatges de text que informen sobre les noves dades del servidor. A mesura que la tecnologia de les seves menys sovint es refereix al fet que no suporta l'herència de text i navegadors. I la possibilitat de desactivar la tecnologia Javascript es troba en l'usuari que molts i gaudit. Per tant, no s'ha d'abusar d'AJAX. Que pot donar, si no proporcionar mètodes alternatius de subministrament d'informació? En el millor dels casos, la informació simplement no es mostrarà en el lloc. En el pitjor dels casos - el seu aspecte és tan afectat que l'usuari ja no ha de tornar.

Avantatges de la "Ajax"

Aquesta tecnologia ofereix dos mètodes pels quals una pàgina web es pot realitzar. La primera consisteix a fer canvis sense reiniciar. Això es pot aconseguir amb les peticions dinàmica al servidor. El segon implica l'ús de tecnologies específiques, el més popular dels quals és el XMLHttpRequest. Relativament propis avantatges, "Ajax" pot dir el següent:

1. Es pot crear una aplicació basada en web convenient, que la interfície tindrà tot un seguit de característiques agradables per a l'usuari, amb el resultat que faciliten la interacció humana i el lloc web.
2. En lloc d'una pàgina completa tornar a carregar un parcial. Això estalvia recursos i optimitza el rendiment de la màquina.
3. La part del servidor del lloc és activa interactua amb l'usuari.
4. Útil per a la implementació d'una sèrie d'idees.

comunicat

Aquí, per exemple, necessitarà un formulari de contacte, que pot ser utilitzat per assessorar els clients. Com es pot fer? En primer lloc hem de tenir cura del "portador" de la informació. Per a això, és necessari crear un objecte XMLHttpRequest. Ell actua com a intermediari entre el servidor i el navegador de l'usuari. Amb aquest objecte s'envia peticions i rebre respostes a ells. Per a la comunicació directa, necessitem AJAX PHP. Aquestes eines poden implementar utilitzant donen, o post-consultes. En aquest cas, es passaran els arguments necessaris directament a través de la URL. Alhora, s'executarà la funció, i per assegurar que la transferència de dades no s'interromp. Però com implementar AJAX-petició? Recomanar l'ús de la POST. Gràcies a ell, es pot transferir una quantitat il limitada de dades, que, d'altra banda, és molt més difícil d'accedir.

principi de funcionament

Com són els JavaScript asíncron i XML en la pràctica? Anem a entendre això amb un exemple. Construït pel que fa a l'estructura que necessita per assegurar-se que la part client proporciona tota la funcionalitat necessària per a l'intercanvi segur de dades. Ha de proporcionar els mètodes necessaris per a la transmissió d'informació seleccionada maneres. La part del servidor ha de garantir que el tractament de les dades, i, basant-se en ells ja, per generar nova informació per passar posteriorment al client. El tipus més comú de la interacció és treballar amb la base de dades. Hem esmentat anteriorment és un element de molts llocs de negocis com una forma de retroalimentació. L'avantatge de "Ajax" en aquest cas és que es porta a terme la transferència de dades asincrònica. En altres paraules, mentre que la informació s'envia, l'usuari pot realitzar totes les accions necessàries a ell. Centrant-se en les particularitats de cada cas, ha de decidir si vol continuar aquest procés per informar el visitant de la pàgina. En relació amb el mateix formulari de comentaris cal dir que en aquest cas podem escriure "operadora marca la resposta", o alguna cosa semblant.

resposta del servidor

Ell pot venir no només per XML, com es podria pensar, per la fama de la tecnologia. A més, es pot transmetre com a text sense format o JSON. En el primer cas, la informació es pot visualitzar immediatament a la pàgina. Si l'ús de XML, cal anar amb compte que AJAX-arxiu ha estat processada correctament al navegador del client. Totes les dades en aquest cas es converteix en (X) HTML. Quan s'utilitza el format JSON, el que necessita per dur a terme el codi per obtenir l'objecte complet Javascript. Cal anar amb compte i tenir en compte el fet que molts hackers com per transmetre codi maliciós a través d'aquesta tecnologia. Per tant, cal preveure el procés de verificació de dades abans que es processen. Característiques de la realització de diferents navegadors poden ser lleugerament diferent, però en general, l'acció aquí és un esquema.

Fem una petició al servidor i un processament de respostes

Tota la seqüència d'accions és el següent:

1. Inicialment, cal crear i per assegurar-se que no hi ha XMLHttpRequest.
2. A continuació, inicialitza la connexió del servidor.
3. Enviar la sol·licitud a la mateixa.
4. Esperem que les dades que vénen, i processar-los.

S'ha de informar sobre algunes de les característiques de la creació de l'objecte. Es pot iniciar en qualsevol lloc on és possible només en el marc del llenguatge de programació. Però si se li va donar l'estatus d'un mundial, en qualsevol punt en el temps perquè sigui possible treballar amb una sola petició. En aquest punt, cal prestar molta atenció. Pel que fa al tractament - aquí ens centrem en l'instrument triat. Per tant, si les dades XML per a ser processats DOM-funcions i presenten l'usuari té el resultat final en HTML. I què fer amb puntuació JSON? S'ha d'entendre que és la notació d'objectes JavaScript. Què vol dir? A causa JSON un objecte pot ser representat com una cadena. Però cal tenir present que aquest mètode no és segur al màxim, i una gran quantitat de factors que s'han de tenir en compte. Però, en general, és molt fàcil.

llenguatges de programació del costat del servidor

Gairebé qualsevol aplicació basada en la web els utilitza d'una manera o altra. Per a la transmissió de dades és la més popular de PHP. En general escriure arxius de llocs, en els quals no és la velocitat de transmissió de dades crítics, i l'equilibri preferit entre ella i fiabilitat. tècniques de transmissió XMLHttpRequest discutits anteriorment.

Configuració del servidor

Quins programes són necessaris per poder operar plenament AJAX? El que ens dóna això? Per a què serveixen? Per obtenir respostes a aquestes preguntes, vostè ha de familiaritzar-se amb la següent llista:

1. HTML / XHTML. Són necessaris per al servidor per reconèixer el disseny de la pàgina.
2. CSS. Aquesta eina és necessària per a la selecció visual de disseny de la pàgina.
3. DOM. Es necessita per tal d'assegurar que els canvis dinàmics en una pàgina com a resposta a l'acció per part de l'usuari.
4. XML. Es requereix per a la transferència de dades entre el client i el servidor.
5. JavaScript. Necessitem crear un cursor "Ajax" i proporcionar interactivitat.
6. XMLHttpRequest. Objecte consultes a través del qual s'enviarà al servidor.

Utilitzant el lloc

Així que ara tenim tant els coneixements teòrics i les idees sobre com el AJAX. L'enviament de dades és ara només requereix una certa pràctica. Vegem, en general, la forma d'abordar l'execució de la tasca utilitzant el "Ajax". Per tant, hem de crear una base de dades del controlador. I ells seran diferents dispositius que poden ser operats. Cal tenir en compte que la base de dades de dalt és molt gran, de manera que només l'enviarà al client i ha d'oferir per fer una selecció usant JavaScript no té sentit. També és desitjable tenir una pàgina web es torna a carregar a causa d'un sol paràmetre. Al servidor de sol·licituds s'encarregarà de seqüència especials de PHP. La base de dades s'implementa com un arxiu XML.

sobre la base de dades

Cal elaborar la seva estructura. ¿I si els paràmetres passats, que són els objectes? En aquest cas, cal preveure la creació d'una variable, en què hi haurà cap vincle a l'esdeveniment crida de la funció. Per poder accedir-hi des de qualsevol lloc, cal fer un codi global. Per a més comoditat, és desitjable utilitzar un sistema de gestió de base de dades. Per descomptat, això no és necessari. Però encara permeten l'ús de la base de dades per treballar amb més comoditat i eficàcia amb les dades.

Estem treballant en el funcionament del motor

Com tot passarà? Així, arriba un determinat esdeveniment, la qual cosa provocarà una funció especial. Es prepararà un GET o POST-dades que seran enviats. A continuació, crida a la funció, el que farà una crida a la URL de l'script de servidor. Cal preveure la creació d'XMLHttpRequest a objectes. Una referència a ella s'ha d'emmagatzemar en una variable. Després que les dades han estat enviades al servidor, ha d'esperar una resposta d'ell. Per a això, es pot convertir en "escoltes telefòniques" per obtenir informació (si es coneix, vindria i quan) o per proporcionar una funció que sempre estarà a punt per acceptar dades. La primera forma de realització és menys fiable en cas d'una situació extraordinària. La segona realització - més costós en termes de recursos. Encara que, si es fa només respecte a una variable, que no afecta Internet ràpida. Però si hi ha centenars i milers, i tindran una alta resolució, - llavors serà una altra cosa. Per tant, cal buscar un equilibri entre l'ús dels recursos disponibles i l'eficàcia. Després de tot, s'ha d'entendre que no tots tenen la memòria a 16 GB. Això pot establir un cert temps d'espera després de la qual cosa substituït les dades o informació anterior que el servidor no està disponible en aquest moment.

característiques

Quan s'utilitza el "Ajax" és creat per la interfície de la pàgina o aplicació, cal assegurar-se que el resultat funciona bé en diferents sistemes operatius, i en diferents navegadors. En el primer cas serà capaç de proporcionar una ajuda inestimable emuladors. En el segon cas, serà suficient només per instal·lar una varietat de programes i provar la funcionalitat del codi. També cal preveure certes accions i, en cas que el navegador de l'usuari serà utilitzada fora de data o s'apagarà la configuració necessària. En aquests casos, s'ha de tenir cura per a la retirada del text en la pàgina, indicant la raó per què el lloc de visió en aquest cas no és possible. Sí, ara la gran majoria de les persones que utilitzen la tecnologia moderna, però no deixi completament de banda l'atenció sobre la probabilitat i el fet que un petit percentatge dels visitants utilitzar algun programari obsolet. I en l'escala de negocis que pot tenir conseqüències importants.

conclusió

Això resulta en un final lògic d'aquest article. Si parlem de "Ajax" en el seu conjunt, aquesta eina li permet crear un disseny molt atractiu i amb múltiples funcions llocs web que funcionen de forma ràpida i amb la disposició competent lliurar als seus usuaris un plaer. No hi ha dubte que hi haurà fins i tot tecnologies més avançades en el futur, però per ara utilitzarem el que tenim. Com és molt possible la millora dels llenguatges i tècniques de programació, i això és una opció que estarà disponible, els mètodes que crearà encara més producte d'alta qualitat. Però sigui com sigui, el treball necessari ara que és. I aquest nom - "Ajax".