Ajax - ¿Que é iso? Asynchronous JavaScript and XML: vantaxes e inconvenientes

Agora podes asistir en internet gañando popularidade a utilización e aplicación de novas tecnoloxías. Un deles - é AJAX. ¿Que é iso? Que recursos ten? Onde aplicar? Todas estas cuestións serán atopados a resposta neste artigo.

información xeral

Como está AJAX? O que significa? Esta redución é un acrónimo. Fica para asynchronous JavaScript e XML ( "asynchronous JavaScript e IKSML"). Moitas veces se pode ver ou escoitar o que esta nova tecnoloxía. Pero iso non é verdade. O feito de que o Javascript e XML, xa hai moito tempo, mentres que o "Ajax" é unha síntese destas tecnoloxías. Na maioría das veces é usado en conxunto co termo Web 2.0 e é entendido como o uso de técnicas avanzadas de deseño.

E o recurso?

Entón, nós xa temos unha idea xeral do que é AJAX. O que nos dá na práctica? Por que está a ser activamente falar da súa aplicación? A peculiaridade desta tecnoloxía - é que cando usalo non é necesario actualizar a páxina enteira na primeira demanda. Ao final, pode solicitar novos datos só para parte dela. Isto é conveniente (porque canto menos tempo ten que esperar) e custo (para os que non son internet ilimitado). Con todo, para informar o usuario sobre o que está pasando actualización é desexable a utilización de, polo menos, un indicador de carga ou mensaxes de texto que informan sobre os novos datos do servidor. Como a tecnoloxía inconvenientes é moitas veces referido o feito de que non admite legados e texto navegadores. E a capacidade de desactivar a tecnoloxía Javascript está no usuario do que moitos e apreciado. Polo tanto, non debe abusar AJAX. Que pode dar, se non proporcionar métodos alternativos de proporcionar información? No mellor dos casos, a información só non vai ser exhibido na páxina web. No peor - o seu aspecto é tan afectado que o usuario non necesita máis volver.

Vantaxes de "Ajax"

Esta tecnoloxía ofrece dous métodos polos que unha páxina web pode ser realizado. O primeiro implica facer cambios sen reiniciar. Isto pode ser feito con solicitudes dinámicas ao servidor. A segunda implica o uso de tecnoloxías específicas, o máis popular dos cales é o XMLHttpRequest. Relativamente propias vantaxes, "Ajax" pode dicir o seguinte:

1. Pode crear unha aplicación conveniente baseado na web, que interface terá un número enteiro de características interesantes para o usuario, co resultado de facilitar a interacción humana e web.
2. En vez de unha páxina enteira recargar un parcial. Isto aforrar recursos e optimiza o rendemento do servidor.
3. A parte do servidor do sitio web é activamente interactúa co usuario.
4. Útil para a posta en marcha dunha serie de ideas.

comunicando

Aquí, por exemplo, ten que un formulario de comentarios, que se pode usar para orientar os clientes. Como iso se pode facer? En primeiro lugar, necesitamos coidar do "portador" de información. Para iso, ten que crear un obxecto XMLHttpRequest. El actúa como intermediario entre o servidor eo navegador do usuario. Con este obxecto pode enviar solicitudes e recibir respostas para eles. Para intercambio de datos directa, cómpre AJAX PHP. Estas ferramentas poden ser aplicadas a usar GET- ou post-consultas. Neste caso, os argumentos necesarios será pasado directamente a través da URL. Ao mesmo tempo, el ha executar a función, e de garantir que a transferencia de datos non é interrompido. Pero como aplicar AJAX-request? Recomendamos o uso de POST. Grazas a el, pode transferir unha cantidade ilimitada de datos, o que, de feito, é moito máis difícil acceso.

principio de funcionamento

Como son o Javascript asíncrono e XML na práctica? Imos entender iso cun exemplo. Construído con relación á estrutura que ten que estar seguro de que a parte do cliente ofrece toda a funcionalidade necesaria para o intercambio seguro de datos. Debe proporcionar os métodos necesarios para a transmisión de información seleccionada maneiras. A parte do servidor debe garantir que o tratamento dos datos e, en base neles xa, para xerar novas informacións para pasalo posteriormente ao cliente. O tipo máis común de interacción é traballar coa base de datos. Temos mencionado anteriormente é un elemento de moitos sitios de empresas como unha forma de comentarios. A vantaxe de "Ajax", neste caso, é que mantén a transferencia de datos asíncrono. Noutras palabras, mentres que a información é enviada, o usuario pode realizar todas as accións necesarias para el. Centrándose sobre as particularidades de cada caso, ten que decidir se quere que este proceso para informar o visitante do sitio web. Respecto ao mesmo formulario de comentarios hai que dicir que, neste caso, podemos escribir "operador disco a resposta", ou algo semellante.

resposta do servidor

Pode vir non só para XML, como se podería pensar, xa que o nome da tecnoloxía. Ademais, pode ser transmitido como texto simple ou JSON. No primeiro caso, a información pode ser inmediatamente amosado na páxina. Se está a usar XML, ten que coidar diso AJAX-ficheiro procesado correctamente no navegador do cliente. Todos os datos neste caso é convertido (X) HTML. Usando o formato JSON, ten que executar o código para obter o obxecto completo Javascript. Cómpre ter coidado e ter en conta o feito de que moitos hackers quere transmitir códigos maliciosos por medio desta tecnoloxía. É, polo tanto, necesario prever o proceso de verificación de datos, antes de seren procesadas. Características da realización de diferentes navegadores poden ser lixeiramente diferentes, pero en xeral, a acción aquí é un esquema.

Facemos unha petición ao servidor e un procesamento de resposta

Toda a secuencia de accións é a seguinte:

1. Inicialmente, precisa para crear e para asegurarse de que non hai XMLHttpRequest.
2. Logo arrinque conexión do servidor.
3. Enviar a solicitude a el.
4. Nós esperar datos de vir, e proceso-los.

Debe dicir-lle sobre algunhas das características sobre a creación do obxecto. Pode ser iniciado en calquera lugar onde se pode só no ámbito da linguaxe de programación. Pero se se deu o estado dun mundial, en calquera punto no tempo para poder traballar con só unha petición. Neste punto, ten que prestar moita atención. En relación ao tratamento - aquí imos concentrar no instrumento escollido. Entón, se os datos XML a ser procesado DOM funcións e presentar o usuario ten o resultado final en HTML. E o que facer con JSON-Rated? Debe ser entendido que é o JavaScript Object Notation. O que significa? Debido JSON un obxecto pode ser representado como unha cadea. Pero hai que lembrar que este método non é seguro ao máximo, e unha serie de factores deben ser considerados. Pero, en xeral, é moi fácil.

linguaxes de programación no lado do servidor

Case calquera aplicación baseado na web utiliza-los dun xeito ou doutro. Para a transmisión de datos é o PHP máis popular. No que normalmente gardar arquivos para lugares onde non é taxa de transmisión de datos críticos, eo equilibrio preferido entre ela e fiabilidade. As técnicas de transmisión XMLHttpRequest discutido anterior.

Configurar servidor

Que programas son necesarios para operar plenamente AJAX? O que isto nos dá? Para que serven? Para obter respostas a estas preguntas, ten que familiarizarse coa lista a continuación:

1. HTML / XHTML. Son necesarios para o servidor para recoñecer o esquema da páxina.
2. CSS. Esta ferramenta é necesaria para a selección visual de deseño de páxina.
3. DOM. Ela é necesaria para asegurar os cambios dinámicas nunha páxina como unha resposta á acción do usuario.
4. XML. É necesario para a transferencia de datos entre o cliente eo servidor.
5. Javascript. Necesitamos crear un cursor "Ajax" e proporcionar interactividade.
6. XMLHttpRequest. Obxecto a través do cal as consultas serán encamiñados para o servidor.

Usando o sitio web

Polo tanto, agora temos tanto o coñecemento teórico e ideas sobre como o AJAX. O envío de datos é agora só require unha certa práctica. Vexamos, en xeral, a forma de abordar a posta en marcha da tarefa usando o "Ajax". Entón, necesitamos crear unha base de datos condutor. E eles serán diferentes dispositivos que poden ser operados. Nótese que a base de datos anterior é moi grande, entón eu só envialo ao cliente e ten que ofrecer para facer unha selección usando JavaScript non ten sentido. Tamén é desexable ter unha páxina web é recargando debido a un único parámetro. No servidor de solicitudes pode xestionar guións especiais PHP. A base de datos é aplicado como un arquivo XML.

Sobre base de datos

Cómpre traballar para fóra a súa estrutura. E se os parámetros pasados, que son os obxectos? En tal caso, é necesario prever a creación dunha variable, onde haberá ningunha conexión-lo para o evento de chamada da función. Para poder acceder a ela de calquera lugar é necesario facer un código global. Para maior comodidade, é desexable a utilización dun sistema de xestión de base de datos. Por suposto, iso non é necesario. Pero aínda permitir o uso da base de datos para traballar de forma máis cómoda e eficaz cos datos.

Estamos a traballar en funcionamento do motor

Como é que todo vai pasar? Entón, chega un determinado evento, o que provocará unha función especial. Vai preparar un get ou post-datos que serán enviados. Logo chama a función, que vai facer un chamamento para a URL do script de servidor. Cómpre prever a creación XMLHttpRequest-obxecto. Unha referencia a el debe ser almacenado nunha variable. Tras os datos seren enviados para o servidor, ten que esperar por unha resposta del. Para iso, podes transformar en "escoitas" para obter información (se é coñecida, viría e cando) ou para fornecer unha función que estará sempre preparado para aceptar datos. A primeira forma de realización é menos fiable no caso dunha situación extraordinaria. A segunda realización - máis dispendiosa en termos de recursos. Aínda que, se é feito só en relación a unha variable, non afecta a Internet rápida. Pero se hai centos e miles, e eles van ter unha alta resolución, - entón será outro tema. Por iso, é necesario buscar un equilibrio entre o uso dos recursos dispoñibles e eficacia. Despois de todo, debe ser entendido que non todos teñen a memoria para 16 GB. Isto pode definir un determinado tempo de espera despois do cal substituíu o dato ou información anterior de que o servidor non está dispoñible neste momento.

características

Usando o "Ajax" é creado por interface de páxina ou da aplicación, ten que estar seguro de que o resultado funciona ben en sistemas operativos diferentes, e en diferentes navegadores. No primeiro caso, será capaz de proporcionar emuladores axuda inestimable. No segundo caso, será suficiente só para instalar unha variedade de programas e probar a funcionalidade do código. Tamén é necesario prever determinadas accións e, no caso do navegador do usuario empregarase fóra de data ou que vai apagar os axustes necesarios. Nestes casos, os coidados deben ser tomados para a retirada do texto na páxina, indicando o motivo polo que o sitio web de visualización, neste caso, non é posible. Si, agora a gran maioría das persoas que utilizan a tecnoloxía moderna, pero non completamente deixar de ir a atención sobre a probabilidade eo feito de que unha pequena porcentaxe de visitantes vai utilizar un software desactualizados. E a escala de empresas que pode ter consecuencias significativas.

conclusión

Que vén a un fin lóxico deste artigo. Si falamos de "Ajax" en xeral, esta ferramenta permite que cree un sitio moi atractivo e rico en recursos que funcionan de xeito rápido e con disposición competente entregar aos seus usuarios un pracer. Non hai dúbida de que haberá incluso tecnoloxías máis avanzadas no futuro, pero por agora imos usar o que temos. Como a mellora das linguaxes e técnicas de programación é ben posible, e esta é unha opción que estará dispoñible, os métodos que creará aínda máis produtos de alta calidade. Pero sexa como for, o traballo necesario agora que é. E este nome - "Ajax".