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></div>
<button type="button" onclick="loadDoc()">Change Content</button>
</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:
loadDoc función ()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
document.getElementById("demo").innerHTML = xhttp.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
Empieza a aprender AJAX ahora!