XMLHttpRequest

Proporciona una forma fácil de obtener información de una URL sin tener que recargar la página completa. Una página web puede actualizar sólo una parte de la página sin interrumpir lo que el usuario está haciendo.

<aside> 💡 XMLHttpRequest es un objeto JavaScript que fue diseñado por Microsoft y adoptado por Mozilla, Apple y Google. Actualmente es un estándar de la W3C.

</aside>

• Para crear una instancia de XMLHttpRequest, debes hacer lo siguiente:

  var req = new XMLHttpRequest();
  

• Existen 5 estados en un llamado XMLHttpRequest:

  • 0 → Se ha inicializado.
  • 1 → Loading (cargando).
  • 2 → Se ha cargado.
  • 3 → Procesamiento si existe alguna descarga.
  • 4 → Completado.

• Métodos y propiedades:

  • xmlhttp.open() → Prepara la petición para ser enviada tomando tres parámetros: prótocolo, url, asíncrono (true).
  • xmlhttp.readyState → Retorna el estado de la petición.
  • xmlhttp.onreadystatechange → Un eventHandler que es llamado cuando la propiedad readyState cambia.
  • xmlhttp.status → Retorna el estado de la respuesta de la petición.
  • xmlhttp.send() → Envía la petición.

Verbos del protocolo http

Los verbos indican acciones que están asociadas a peticiones y recursos, es decir, sirven para la manipulación de recursos clente/servidor.

• GET

  Solicita un recurso.

• HEAD

  Solicita un recurso pero sin retornar información, la estructura de esta petición es igual que get tanto en su headers como status.

  <aside> 💡 Es útil cuando vamos a utilizar API, para comprobar si lo que vamos a enviar esta correcto y puede ser procesado.

  </aside>

• POST

  Sirve para la creción de recursos en el servidor.