828 Shares 9244 views

Ajax – ¿Qué es? JavaScript asíncrono y XML: ventajas y desventajas

Ahora se puede ver en Internet ganando popularidad el uso y aplicación de las nuevas tecnologías. Uno de ellos – es AJAX. ¿Qué es? ¿Qué características tiene? ¿Dónde se solicita? Todas estas preguntas se pueden encontrar la respuesta en este artículo.

información general

¿Cómo se encuentra AJAX? ¿Qué significa? Esta reducción es un acrónimo. Es sinónimo de JavaScript asíncrono y XML ( "Asynchronous JavaScript y IKSML"). A menudo se puede ver o escuchar la información que esta nueva tecnología. Pero esto no es cierto. El hecho de que Javascript y XML, ya existen desde hace mucho tiempo, mientras que el "Ajax" es una síntesis de estas tecnologías. Lo más a menudo se utiliza en conjunción con el término Web 2.0 y se entiende como el uso de técnicas avanzadas de diseño.

Y qué función?

Por lo tanto, ya tenemos una idea general de lo que es AJAX. Lo que nos da en la práctica? ¿Por qué está siendo activamente hablar sobre su aplicación? La peculiaridad de esta tecnología – es que cuando lo usa no es necesario actualizar la página entera en el primer requerimiento. Después de todo, puede solicitar nuevos datos sólo para parte de ella. Esto es conveniente (porque cuanto menos tiempo que tiene que esperar), y el coste (para los que no son Internet ilimitado). Sin embargo, para informar al usuario acerca de lo que está sucediendo actualización es conveniente utilizar al menos un indicador de carga o mensajes de texto que informan sobre los nuevos datos del servidor. A medida que la tecnología de sus menos a menudo se refiere al hecho de que no soporta la herencia de texto y navegadores. Y la posibilidad de desactivar la tecnología Javascript se encuentra en el usuario que muchos y disfrutado. Por lo tanto, no se debe abusar de AJAX. Que puede dar, si no proporcionar métodos alternativos de suministro de información? En el mejor de los casos, la información simplemente no se mostrará en el sitio. En el peor de los casos – su aspecto es tan afectado que el usuario ya no tiene que volver.

Ventajas de la "Ajax"

Esta tecnología ofrece dos métodos por los que una página web se puede realizar. La primera consiste en hacer cambios sin necesidad de reiniciar. Esto se puede lograr con las peticiones dinámica al servidor. El segundo implica el uso de tecnologías específicas, el más popular de los cuales es el XMLHttpRequest. Relativamente propias ventajas, "Ajax" puede decir lo siguiente:

  1. Se puede crear una aplicación basada en web conveniente, que la interfaz tendrá toda una serie de características agradables para el usuario, con el resultado que facilitan la interacción humana y el sitio web.
  2. En lugar de una página completa volver a cargar un parcial. Esto ahorra recursos y optimiza el rendimiento de la máquina.
  3. La parte del servidor del sitio es activa interactúa con el usuario.
  4. Útil para la implementación de una serie de ideas.

comunicado

Aquí, por ejemplo, necesitará un formulario de contacto, que puede ser utilizado para asesorar a los clientes. ¿Cómo se puede hacer? En primer lugar tenemos que cuidar el "portador" de la información. Para ello, es necesario crear un objeto XMLHttpRequest. Él actúa como intermediario entre el servidor y el navegador del usuario. Con este objeto se envía peticiones y recibir respuestas a ellos. Para la comunicación directa, necesitamos AJAX PHP. Estas herramientas pueden implementarse utilizando dan, o post-consultas. En este caso, se pasarán los argumentos necesarios directamente a través de la URL. Al mismo tiempo, se ejecutará la función, y para asegurar que la transferencia de datos no se interrumpe. Pero cómo implementar AJAX-petición? Recomendar el uso de la POST. Gracias a él, se puede transferir una cantidad ilimitada de datos, que, por otra parte, es mucho más difícil de acceder.

principio de funcionamiento

¿Cómo son los JavaScript asíncrono y XML en la práctica? Vamos a entender esto con un ejemplo. Construido con respecto a la estructura que necesita para asegurarse de que la parte cliente proporciona toda la funcionalidad necesaria para el intercambio seguro de datos. Debe proporcionar los métodos necesarios para la transmisión de información seleccionada maneras. La parte del servidor debe garantizar que el tratamiento de los datos, y, basándose en ellos ya, para generar nueva información para pasar ulteriormente al cliente. El tipo más común de la interacción es trabajar con la base de datos. Hemos mencionado anteriormente es un elemento de muchos sitios de negocios como una forma de retroalimentación. La ventaja de "Ajax" en este caso es que se lleva a cabo la transferencia de datos asincrónica. En otras palabras, mientras que la información se envía, el usuario puede realizar todas las acciones necesarias a él. Centrándose en las particularidades de cada caso, debe decidir si desea continuar este proceso para informar al visitante de la página. En relación con el mismo formulario de comentarios hay que decir que en este caso podemos escribir "operadora marca la respuesta", o algo similar.

respuesta del servidor

Él puede venir no sólo para XML, como se podría pensar, por la fama de la tecnología. Además, se puede transmitir como texto sin formato o JSON. En el primer caso, la información se puede visualizar inmediatamente en la página. Si el uso de XML, es necesario tener cuidado de que AJAX-archivo ha sido procesada correctamente en el navegador del cliente. Todos los datos en este caso se convierte en (X) HTML. Cuando se utiliza el formato JSON, lo que necesita para llevar a cabo el código para obtener el objeto completo Javascript. Hay que tener cuidado y tener en cuenta el hecho de que muchos hackers como para transmitir código malicioso a través de esta tecnología. Por tanto, es necesario prever el proceso de verificación de datos antes de que se procesan. Características de la realización de diferentes navegadores pueden ser ligeramente diferente, pero en general, la acción aquí es un esquema.

Hacemos una petición al servidor y un procesamiento de respuestas

Toda la secuencia de acciones es el siguiente:

  1. Inicialmente, es necesario crear y para asegurarse de que no hay XMLHttpRequest.
  2. A continuación, inicializa la conexión del servidor.
  3. Enviar la solicitud a la misma.
  4. Esperamos a que los datos que vienen, y procesarlos.

Se debe informarle acerca de algunas de las características de la creación del objeto. Se puede iniciar en cualquier lugar donde es posible sólo en el marco del lenguaje de programación. Pero si se le dio el estatus de un mundial, en cualquier punto en el tiempo para que sea posible trabajar con una sola petición. En este punto, es necesario prestar mucha atención. Respecto al tratamiento – aquí nos centramos en el instrumento elegido. Por lo tanto, si los datos XML para ser procesados DOM-funciones y presentan el usuario tiene el resultado final en HTML. Y qué hacer con puntuación JSON? Se debe entender que es la notación de objetos JavaScript. ¿Qué significa? Debido JSON un objeto puede ser representado como una cadena. Pero hay que tener presente que este método no es seguro al máximo, y una gran cantidad de factores que deben tenerse en cuenta. Pero, en general, es muy fácil.

lenguajes de programación del lado del servidor

Casi cualquier aplicación basada en la web los utiliza de una manera u otra. Para la transmisión de datos es la más popular de PHP. Por lo general escribir archivos de sitios, en los que no es la velocidad de transmisión de datos críticos, y el equilibrio preferido entre ella y fiabilidad. técnicas de transmisión XMLHttpRequest discutidos anteriormente.

Configuración del servidor

¿Qué programas son necesarios para poder operar plenamente AJAX? Lo que nos da esto? Para qué sirven? Para obtener respuestas a estas preguntas, usted debe familiarizarse con la siguiente lista:

  1. HTML / XHTML. Son necesarios para el servidor para reconocer el diseño de la página.
  2. CSS. Esta herramienta es necesaria para la selección visual de diseño de la página.
  3. DOM. Se necesita con el fin de asegurar que los cambios dinámicos en una página como respuesta a la acción por parte del usuario.
  4. XML. Se requiere para la transferencia de datos entre el cliente y el servidor.
  5. JavaScript. Necesitamos crear un cursor "Ajax" y proporcionar interactividad.
  6. XMLHttpRequest. Objeto consultas a través del cual se enviará al servidor.

Utilizando el sitio

Así que ahora tenemos tanto los conocimientos teóricos y las ideas acerca de cómo el AJAX. El envío de datos es ahora sólo requiere una cierta práctica. Veamos, en general, la forma de abordar la ejecución de la tarea utilizando el "Ajax". Por lo tanto, tenemos que crear una base de datos del controlador. Y ellos serán diferentes dispositivos que pueden ser operados. Debe tenerse en cuenta que la base de datos de arriba es muy grande, por lo que sólo lo enviará al cliente y tiene que ofrecer para hacer una selección usando JavaScript no tiene sentido. También es deseable poseer una página web se vuelve a cargar debido a un solo parámetro. En el servidor de solicitudes se encargará de secuencias de comandos especiales de PHP. La base de datos se implementa como un archivo XML.

sobre la base de datos

Es necesario elaborar su estructura. ¿Y si los parámetros pasados, que son los objetos? En tal caso, es necesario prever la creación de una variable, en el que habrá ningún vínculo al evento llamada de la función. Para poder acceder a él desde cualquier lugar, es necesario hacer un código global. Para mayor comodidad, es deseable utilizar un sistema de gestión de base de datos. Por supuesto, esto no es necesario. Pero todavía permiten el uso de la base de datos para trabajar con mayor comodidad y eficacia con los datos.

Estamos trabajando en el funcionamiento del motor

¿Cómo todo va a pasar? Así, llega un determinado evento, lo que provocará una función especial. Se preparará un GET o POST-datos que serán enviados. A continuación, llama a la función, lo que hará un llamamiento a la URL del script de servidor. Es necesario prever la creación de XMLHttpRequest a objetos. Una referencia a ella se debe almacenar en una variable. Después de que los datos han sido enviados al servidor, debe esperar una respuesta de él. Para ello, se puede convertir en "escuchas telefónicas" para obtener información (si se conoce, vendría y cuando) o para proporcionar una función que siempre estará listo para aceptar datos. La primera forma de realización es menos fiable en caso de una situación extraordinaria. La segunda realización – más costoso en términos de recursos. Aunque, si se hace sólo con respecto a una variable, que no afecta a Internet rápida. Pero si hay cientos y miles, y tendrán una alta resolución, – entonces será otra cosa. Por lo tanto, es necesario buscar un equilibrio entre el uso de los recursos disponibles y la eficacia. Después de todo, se debe entender que no todos tienen la memoria a 16 GB. Esto puede establecer un cierto tiempo de espera después de lo cual sustituido los datos o información anterior de que el servidor no está disponible en este momento.

características

Cuando se utiliza el "Ajax" es creado por la interfaz de la página o aplicación, es necesario asegurarse de que el resultado funciona bien en diferentes sistemas operativos, y en diferentes navegadores. En el primer caso será capaz de proporcionar una ayuda inestimable emuladores. En el segundo caso, será suficiente sólo para instalar una variedad de programas y probar la funcionalidad del código. También es necesario prever ciertas acciones y, en caso de que el navegador del usuario será utilizada fuera de fecha o se apagará la configuración necesaria. En tales casos, se debe tener cuidado para la retirada del texto en la página, indicando la razón por qué el sitio de visión en este caso no es posible. Sí, ahora la gran mayoría de las personas que utilizan la tecnología moderna, pero no deje completamente de lado la atención sobre la probabilidad y el hecho de que un pequeño porcentaje de los visitantes utilizar algún software obsoleto. Y en la escala de negocios que puede tener consecuencias importantes.

conclusión

Esto resulta en un final lógico de este artículo. Si hablamos de "Ajax" en su conjunto, esta herramienta le permite crear un diseño muy atractivo y con múltiples funciones sitios web que funcionan de forma rápida y con la disposición competente entregar a sus usuarios un placer. No hay duda de que habrá incluso tecnologías más avanzadas en el futuro, pero por ahora vamos a utilizar lo que tenemos. Como es muy posible la mejora de los lenguajes y técnicas de programación, y esto es una opción que estará disponible, los métodos que va a crear aún más producto de alta calidad. Pero sea como fuere, el trabajo necesario ahora que es. Y este nombre – "Ajax".