Ajax
-
Upload
openwebinarsnet -
Category
Education
-
view
24 -
download
0
Transcript of Ajax
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