AJAX es el sueño de un desarrollador, ya que pueden:
- Actualizar una página web sin tener que recargar la página
- solicitar datos de un servidor - después de que la página se ha cargado
- Recibir datos de un servidor - después de que la página se ha cargado
- Enviar datos a un servidor - en el fondo
Inténtelo usted mismo ejemplos en cada capítulo
En cada capítulo, se pueden editar los ejemplos en línea y haga clic en un botón para ver el resultado.
AJAX Ejemplo Explicación
Página HTML
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
La página HTML contiene un <div> sección y un <button> .
La <div> sección se utiliza para mostrar información de un servidor.
El <button> llama a una función (si se hace clic).
La función solicita datos desde un servidor web y lo muestra:
Función loadDoc()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
Lo que usted debe saber ya
Antes de continuar debe tener un conocimiento básico de los siguientes:
- HTML
- JavaScript
Si quieres estudiar estos temas en primer lugar, encontrar las clases particulares en nuestra página de inicio .
¿Qué es AJAX ?
AJAX = JavaScript asíncrono y XML.
AJAX es un nombre engañoso. aplicaciones AJAX pueden utilizar XML para transportar datos, pero es igualmente común para transportar datos como texto plano o texto JSON.
AJAX es una técnica para la creación de páginas web rápida y dinámica.
AJAX permite que las páginas web se actualicen de forma asincrónica mediante el intercambio de pequeñas cantidades de datos con el servidor en segundo plano. Esto significa que es posible actualizar partes de una página web, sin volver a cargar la página entera.
páginas web clásicas, (que no utilice AJAX) deben recargar la página entera si el contenido debe cambiar.
Ejemplos de las aplicaciones que utilizan AJAX: Google Maps, Gmail, YouTube y Facebook.
¿Cómo funciona AJAX
AJAX se basa en estándares de Internet
AJAX se basa en los estándares de Internet, y utiliza una combinación de:
- XMLHttpRequest objeto (para recuperar datos de un servidor web)
- JavaScript/DOM (para mostrar / utilizar los datos)
XMLHttpRequest es un nombre engañoso. Usted no tiene que entender XML para utilizar AJAX.
google Suggest
AJAX se hizo popular en 2005 por Google, con Google Suggest.
Google Suggest es el uso de AJAX para crear una interfaz web muy dinámica: cuando se empieza a escribir en el cuadro de búsqueda de Google, un JavaScript envía las cartas fuera a un servidor y el servidor devuelve una lista de sugerencias.
Empezar a usar AJAX Hoy
AJAX se basa en las normas existentes. Estas normas han sido utilizados por los desarrolladores durante varios años. Lee nuestros próximos capítulos para ver cómo funciona!