XHR

¿Qué es XHR?

XHR es una API del navegador para obtener datos sin recargar las páginas web. En la práctica, XHR permite que JavaScript solicite documentos a los servidores web para que las páginas se actualicen in situ. Forma parte de la plataforma web y los navegadores la utilizan para intercambiar información. El código más antiguo podría seguir dependiendo de ella.

Objeto XMLHttpRequest

El objeto principal, XMLHttpRequest, expone métodos para la configuración y el tratamiento de la respuesta. Defina el método y la URL y, a continuación, llame a open y send. Las cabeceras, el estado y readyState reflejan el progreso; se disparan eventos. En contextos xml, los documentos deben estar bien formados y las etiquetas deben seguir una sintaxis más estricta; XHTML 1.0 tenía las reglas más estrictas dentro de los estándares del W3C.

Cómo enviar XMLHttpRequest

El flujo habitual consta de dos pasos. Primero, cree un nuevo XMLHttpRequest en JavaScript y elija el método y el tipo de datos. Mantenga XMLHttpRequest asíncrono de forma predeterminada. Segundo, registre los manejadores onload y onerror y, a continuación, envíe la acción al software del servidor. Use HTTPS, siga los estándares web y tenga en cuenta CORS. Para el contenido dinámico o los lenguajes de marcado más allá de HTML, la sintaxis xml y los elementos válidos son importantes.

Ejemplo de XMLHttpRequest

Creación de solicitudes web a una API. En JavaScript, se crea un XHR, se llama a open(‘GET’,’/api/items’), se definen las cabeceras y se envía. Cuando llega la respuesta, el script actualiza el contenido. Esto funciona en distintos sitios; los navegadores admiten el almacenamiento en caché. Prefiera cargas útiles pequeñas y errores claros; el marcado nuevo debe ser mínimo. XMLHttpRequest admite el progreso de la subida; XMLHttpRequest también permite definir el tipo de respuesta y el tipo de solicitud.