Tutorial XML

INICIO XML Introducción XML XML Cómo utilizar Árbol XML Sintaxis XML Elementos XML Atributos XML Espacios de nombres XML Pantalla XML Solicitud Http XML Analizador XML DOM XML XPath XML XML XSLT XQuery XML Enlace X XML Validador XML DTD XML Esquema XML Servidor XML Ejemplos XML Cuestionario XML Certificado XML

XML-AJAX

AJAX Introducción AJAX XMLHttp Solicitud AJAX Respuesta AJAX Archivo XML AJAX AJAXPHP Ajax ASP Base de datos AJAX Aplicaciones AJAX Ejemplos de AJAX

DOM XML

DOM Introducción Nodos DOM Acceso DOM Información del nodo DOM Lista de nodos DOM Atravesando DOM Navegación DOM DOM obtener valores Nodos de cambio de DOM Eliminar nodos DOM Nodos de reemplazo de DOM DOM Crear nodos Agregar nodos DOM Nodos de clonación de DOM Ejemplos de DOM

Tutorial XPath

Introducción a XPath Nodos XPath Sintaxis XPath Ejes XPath Operadores XPath Ejemplos de XPath

Tutorial XSLT

XSLT Introducción Idiomas XSL Transformación XSLT XSLT <plantilla> XSLT <valor-de> XSLT <para-cada> XSLT <ordenar> XSLT <si> XSLT <elegir> Aplicar XSLT XSLT en el cliente XSLT en el servidor XSLT Editar XML Ejemplos de XSLT

Tutorial de XQuery

Introducción a XQuery Ejemplo de XQuery XQuery FLWOR XQuery HTML Términos de XQuery Sintaxis XQuery XQuery Agregar Seleccionar XQuery Funciones XQuery

DTD XML

Introducción a DTD Bloques de construcción DTD Elementos DTD Atributos DTD Elementos DTD vs Attr Entidades DTD Ejemplos de DTD

Esquema XSD

XSD Introducción XSD Cómo XSD <esquema> Elementos XSD Atributos XSD Restricciones XSD

Complejo XSD

Elementos XSD XSD vacío Solo elementos XSD Solo texto XSD XSD mixto Indicadores XSD XSD <cualquiera> XSD <cualquieratributo> Sustitución XSD Ejemplo XSD

Datos XSD

Cadena XSD Fecha XSD XSD Numérico Miscelánea XSD Referencia XSD

Servicios Web

Servicios XML XML WSDL JABÓN XML XML RDF RSS XML

Referencias

Tipos de nodos DOM Nodo DOM Lista de nodos DOM DOM NamedNodeMap Documento DOM Elemento DOM Atributo DOM Texto DOM DOM CDATA Comentario DOM DOM XMLHttpSolicitud Analizador DOM Elementos XSLT Funciones XSLT/XPath

AJAX Introducción

AJAX es el sueño de un desarrollador, porque puede:

  • Actualizar una página web sin recargar la página
  • Solicitar datos de un servidor: después de que se haya cargado la página
  • Recibir datos de un servidor: después de que se haya cargado la página
  • Enviar datos a un servidor - en segundo plano

Pruébelo usted mismo Ejemplos en cada capítulo

En cada capítulo, puede editar los ejemplos en línea y hacer clic en un botón para ver el resultado.

Ejemplo AJAX

Let AJAX change this text


Ejemplo de AJAX explicado

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 una sección <div> y un <button>.

La sección <div> se utiliza para mostrar información de un servidor.

El <button> llama a una función (si se hace clic en él).

La función solicita datos de un servidor web y los muestra:

Función cargarDoc()

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();
}

El archivo "ajax_info.txt" utilizado en el ejemplo anterior es un archivo de texto simple y se ve así:

<h1>AJAX</h1>
<p>AJAX is not a programming language.</p>
<p>AJAX is a technique for accessing web servers from a web page.</p>
<p>AJAX stands for Asynchronous JavaScript And XML.</p>


¿Qué es AJAX?

AJAX = J avaScript asincrónico y X ML .

AJAX no es un lenguaje de programación.

AJAX solo usa una combinación de:

  • Un objeto XMLHttpRequest integrado en el navegador (para solicitar datos de un servidor web)
  • JavaScript y HTML DOM (para mostrar o usar los datos)

AJAX es un nombre engañoso. Las aplicaciones AJAX pueden usar XML para transportar datos, pero es igualmente común transportar datos como texto sin formato o texto JSON.

AJAX permite que las páginas web se actualicen de forma asíncrona mediante el intercambio de datos con un servidor web en segundo plano. Esto significa que es posible actualizar partes de una página web sin recargar toda la página.


Cómo funciona AJAX

AJAX

  • 1. Se produce un evento en una página web (se carga la página, se hace clic en un botón)
  • 2. JavaScript crea un objeto XMLHttpRequest
  • 3. El objeto XMLHttpRequest envía una solicitud a un servidor web
  • 4. El servidor procesa la solicitud
  • 5. El servidor envía una respuesta a la página web.
  • 6. La respuesta es leída por JavaScript
  • 7. JavaScript realiza la acción adecuada (como la actualización de la página)