JavaScript

Web APIs

HTTP

Hasta ahora, las peticiones al servidor las hacía el navegador cuando el usuario pulsaba un enlace o enviaba un formulario, y como resultado se cargaba una nueva página.

Con las APIs de HTTP podemos hacer peticiones en segundo plano, iniciadas o no por el usuario, y sin que provoquen cargar otra página completa en el navegador. Esto permite actualizar partes concretas de la página actual modificando su DOM.

A esta forma de implementar webs1 se le llama Ajax, y utiliza las APIs XMLHttpRequest o Fetch para hacer las peticiones HTTP desde JavaScript2.

🔍 Nota: Para ver este tipo de peticiones en el navegador: botón derecho "Inspeccionar" "Red" filtrar por XHR.

1

Frameworks como React y Angular, permiten crear aplicaciones web de una sola página (SPA), que están basadas en esta filosofía.

2

Por defecto y por seguridad, los navegadores solo permiten hacer estas peticiones iniciadas por JS a URLs (dominio) de la página actual. CORS permite hacer excepciones en determinados dominios a esta restricción.