Ajax
-
Upload
openwebinarsnet -
Category
Education
-
view
24 -
download
0
Transcript of Ajax
![Page 1: Ajax](https://reader035.fdocumento.com/reader035/viewer/2022071703/55d1df6dbb61ebb71e8b45fa/html5/thumbnails/1.jpg)
AJAXAsynchronous JavaScript and XML
OpenWebinarsCurso de front-end (2014)
Sergio Rus@sergiorus
![Page 2: Ajax](https://reader035.fdocumento.com/reader035/viewer/2022071703/55d1df6dbb61ebb71e8b45fa/html5/thumbnails/2.jpg)
¿Qué es AJAX?
AJAX es una tecnología incluida en el DOM para realizar peticiones HTTP asíncronas al servidor mediante JavaScript.
![Page 3: Ajax](https://reader035.fdocumento.com/reader035/viewer/2022071703/55d1df6dbb61ebb71e8b45fa/html5/thumbnails/3.jpg)
¿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.
![Page 4: Ajax](https://reader035.fdocumento.com/reader035/viewer/2022071703/55d1df6dbb61ebb71e8b45fa/html5/thumbnails/4.jpg)
¿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.
![Page 5: Ajax](https://reader035.fdocumento.com/reader035/viewer/2022071703/55d1df6dbb61ebb71e8b45fa/html5/thumbnails/5.jpg)
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.
![Page 6: Ajax](https://reader035.fdocumento.com/reader035/viewer/2022071703/55d1df6dbb61ebb71e8b45fa/html5/thumbnails/6.jpg)
jQuery
En jQuery podemos hacer peticiones AJAX fácilmente mediante el método genérico $.ajax() o los específicos $.get(), $post(), $.getJSON(), etc.
![Page 7: Ajax](https://reader035.fdocumento.com/reader035/viewer/2022071703/55d1df6dbb61ebb71e8b45fa/html5/thumbnails/7.jpg)
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.
![Page 8: Ajax](https://reader035.fdocumento.com/reader035/viewer/2022071703/55d1df6dbb61ebb71e8b45fa/html5/thumbnails/8.jpg)
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