Foro | Los últimos tutoriales de desarrollo web
 

AJAX Tutorial


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.

Ejemplo AJAX

Let AJAX change this text

Inténtalo tú mismo "


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!