AJAX forma completa

AJAX es una abreviatura de JavaScript asíncrono y XML . AJAX es una técnica, no un lenguaje de programación, que utilizan los desarrolladores para hacer que los sitios web se comporten como aplicaciones de escritorio. Opera en el lado del cliente para crear aplicaciones web asincrónicas. AJAX es un grupo de tecnologías que utiliza varias tecnologías web para crear un conjunto de técnicas de desarrollo web. 

AJAX permite que varias páginas web se actualicen una por una intercambiando los datos con el servidor web en segundo plano. Lo que significa que parte de las páginas web se pueden actualizar sin tener que actualizar la página completa una y otra vez.

Tomemos un ejemplo de la página de Facebook , en las noticias de Facebook cuando presionamos el botón Me gusta, Me encanta, etc. o comentamos en cualquier imagen, simplemente le gustará, le encantará la imagen sin recargar toda la página. Mientras que en algún momento antes, cuando presionamos el botón Me gusta, volverá a cargar las páginas completas. Este cambio se debe a AJAX, es decir, AJAX permite que una parte de las páginas web se actualice sin afectar a toda la página. 

AJAX usa la mezcla de los siguientes:

• Objeto XMLHttpRequest:  para solicitar datos de un servidor web, ajax utiliza un objeto XMLHttpRequest integrado .
• JavaScript y HTML DOM:   para mostrar o usar los datos, ajax usa JavaScript y HTML DOM .

Las tecnologías involucradas en AJAX son:

• HTML: se utiliza en el lado del cliente.
• JavaScript – Se utiliza para realizar la solicitud.
• CSS: también se usa en el lado del cliente.
• XML: es solo un formato de solicitud.
• JSON: también es un formato de solicitud.
• php: se usa del lado del servidor.

Historia del Ajax:

• Principios de la década de 1990: en este período, la mayoría de los sitios web se basaban en páginas HTML completas. Cada vez que se realizaron cambios, estos cambios deben completarse recargando la página, aunque los cambios fueron pocos, pero todo el contenido tuvo que recargarse, lo que hizo que el ancho de banda fuera un factor limitante.
• 1996: IE introdujo la etiqueta iframe ; al igual que el elemento del objeto, puede cargar o recuperar contenido de forma asíncrona.
• 1998: el equipo de acceso web de Microsoft Outlook desarrolló el concepto detrás del objeto de secuencias de comandos XMLHttpRequest .
• 2000: la utilidad de las requests HTTP en segundo plano y las tecnologías web asincrónicas permanecieron bastante desconocidas hasta que comenzaron a aparecer en aplicaciones en línea a gran escala, como Outlook Web Access.
• 2004 y 2005: Google realizó una amplia implementación de estándares: compatible con AJAX de navegador cruzado con Gmail en 2004 y Google Maps en 2005.
• 18 de febrero de 2005: El término AJAX fue utilizado públicamente el 18 de febrero de 2005 por Jesse James Garrette en un artículo titulado 

AJAX: Un nuevo enfoque de las aplicaciones Web, basado en técnicas utilizadas en las páginas de Google.

Características del Ajax:

• En AJAX, la página web actúa como una aplicación: AJAX es mucho más importante que HTML, ya que actúa como una aplicación de escritorio. AJAX interactúa con el servidor back-end sin problemas y responde mejor que HTML.
• Los datos se almacenan en el servidor a diferencia de las páginas: en HTML, cuando el usuario envía datos dinámicos al servidor, el servidor convierte toda la página HTML al formato que puede leer el cliente. En AJAX no es necesario realizar el proceso anterior porque el servidor AJAX no tiene que convertir todas las páginas, recibe y envía directamente los datos al lado del cliente. En el servidor AJAX se trata de datos y no de páginas.
• Brinda una experiencia de usuario continua y dinámica: el usuario puede interactuar con la página y los datos se pueden almacenar al mismo tiempo sin actualizar la página. En otros casos, tenemos que esperar a que se procese la respuesta y obtener resultados, pero en el caso de AJAX, obtenemos una respuesta síncrona. Podemos realizar múltiples tareas con AJAX ya que proporciona flujos de trabajo no lineales.

Estructura de Ajax:

function geeksforgeeks(str) 
{
  var gfg=new XMLHttpRequest();
  gfg.open("get","url?name_you_want_to_Send="+str,true);
  gfg.send();
  gfg.onreadystatechange=function gfg1() 
  {
     // if true means reaponse is arrived
     if(gfg.readyState==4 && gfg.status==200)          
     {
            document.getElementById("name").innerHTML=
            gfg.responseText;
     }
  }
}

Ventajas del Ajax:

• El tiempo de respuesta de AJAX es alto, por lo que aumenta la velocidad y el rendimiento.
• AJAX es compatible con muchos navegadores.
• Algunas de las aplicaciones complejas de AJAX dan la sensación de que las estamos usando en el escritorio.
• Hay menor requerimiento de tiempo entre el servidor y el cliente.
• AJAX permite realizar múltiples tareas al mismo tiempo.

Desventajas del Ajax:

• Nos enfrentamos a problemas de compatibilidad del navegador en AJAX.
• Si el usuario deshabilita JavaScript, entonces esos usuarios no pueden usar AJAX ya que AJAX necesita que JavaScript esté habilitado.
• Varios motores de búsqueda como Google no pueden indexar páginas AJAX.
• No podemos marcar el contenido de la página actualizada de AJAX.
• Dado que los datos se pueden descargar desde el lado del cliente, en adelante, AJAX es menos seguro.