AJAX Introducción

AJAX es una tecnología que permite actualizar partes de una página web sin necesidad de recargar toda la página.

AJAX intercambia datos con el servidor en segundo plano y puede actualizar el contenido de una parte de la página web.

Conocimientos básicos que deberías tener

Antes de continuar, necesitas tener un conocimiento básico de lo siguiente:

HTML / XHTML
CSS
JavaScript / DOM

Si deseas aprender primero estos temas, por favor en nuestrapágina de iniciovisita estos tutoriales.

¿Qué es AJAX?

AJAX = JavaScript asíncrono y XML.

AJAX es una tecnología para crear páginas web dinámicas y rápidas.

Al intercambiar pequeñas cantidades de datos con el servidor en segundo plano, AJAX permite que las páginas web se actualicen de forma asíncrona. Esto significa que es posible actualizar una parte de la página sin recargar toda la página web.

Las páginas web tradicionales (que no usan AJAX) deben recargar toda la página si necesitan actualizar contenido.

Hay muchas aplicaciones que usan AJAX: Weibo, Taobao, Zhihu, etc.

Cómo funciona AJAX

Disparo de eventos(como hacer clic en un botón o la carga de la página).
Solicitud AJAX: mediante JavaScript se crea unXMLHttpRequestobjeto, y se envía una solicitud al servidor.
El servidor procesa la solicitud: el servidor (generalmente usando PHP, Node.js, etc.) recibe la solicitud, la procesa y devuelve los datos de respuesta (JSON, XML, HTML, etc.).
Procesamiento de la respuesta AJAX: el navegador recibe la respuesta y utiliza JavaScript para actualizar el contenido de la página, sin necesidad de recargar toda la página.

AJAX

AJAX se basa en estándares de Internet existentes

AJAX se basa en estándares de Internet existentes y los combina:

Objeto XMLHttpRequest (intercambia datos con el servidor de forma asíncrona)
JavaScript/DOM (visualización de información / interacción)
CSS (define estilos para los datos)
XML (como formato para convertir datos)

¡Las aplicaciones AJAX son independientes del navegador y la plataforma!

Google Suggest

En 2005, Google hizo popular AJAX con su Google Suggest.

Google Suggest utiliza AJAX para crear una interfaz web extremadamente dinámica: cuando escribes palabras clave en el cuadro de búsqueda de Google, JavaScript envía esos caracteres al servidor, y luego el servidor devuelve una lista de sugerencias de búsqueda.

Empieza a usar AJAX hoy

AJAX se basa en estándares existentes. Estos estándares han sido utilizados por la mayoría de los desarrolladores durante años.

¡Lee el siguiente capítulo para ver cómo funciona AJAX!

Otras extensiones