AJAXAsynchronous JavaScript and XML

OpenWebinarsCurso de front-end (2014)

Sergio Rus@sergiorus

¿Qué es AJAX?

AJAX es una tecnología incluida en el DOM para realizar peticiones HTTP asíncronas al servidor mediante JavaScript.

¿Qué es AJAX?

Con AJAX podemos mejorar la interacción con el usuario y la eficiencia en el uso de la red, ya que sólo necesitamos cargar desde el servidor los datos que nos interesan: un trozo de HTML, JSON, XML, etc.

¿Qué es AJAX?

La mayoría de aplicaciones y sitios web que usamos día a día usan esta tecnología: Gmail, Google Maps, Twitter, Facebook, Google+, etc.

XMLHttpRequest

Para crear peticiones AJAX sólo tenemos que crear una instancia del objeto función XMLHttpRequest y hacer uso de sus métodos y propiedades.

jQuery

En jQuery podemos hacer peticiones AJAX fácilmente mediante el método genérico $.ajax() o los específicos $.get(), $post(), $.getJSON(), etc.

Same-origin policy

Es un mecanismo de seguridad de los navegadores que impide acceder con JavaScript a un recurso que no esté en el mismo host, puerto y esquema de conexión (HTTP/HTTPS) desde donde se ha cargado el script. Es decir, a priori sólo se pueden hacer peticiones AJAX al mismo sitio desde donde hemos cargado la página.

Hoy en día ya es posible “saltarse” esta barrera de seguridad gracias a CORS (Cross-Origin Resource Sharing), que consiste en añadir a las peticiones y respuestas HTTP una serie de cabeceras para especificar qué hosts origen son válidos para realizar peticiones. Esto es algo que es necesario implementar en el servidor.

Same-origin policy