El manual de Ajax explica todos los detalles sobre la realización de solicitudes asíncronas al servidor sin recargar la página, lo que conocemos comúnmente como Ajax.
En este manual explicaremos Ajax por la práctica, con una serie de ejemplos útiles en el desarrollo de sitios y aplicaciones, repasando diversas modalidades de trabajo con Ajax que han ido surgiendo a lo largo del tiempo, con y sin librerías Javascript.
Tienes que tomar este manual de Ajax más como un taller, puesto que aprenderás con ejemplos de diversos tipos y muchas veces los artículos no tienen una conexión los unos con los otros, sino que son ejemplos de Ajax con dinámicas distintas, y prácticas en general que pueden resolver diversas y distintas necesidades.
En el código de todo este manual usaremos javascript, HTML y recibiremos datos con JSON y XML para crear aplicaciones de la web 2.0, donde una de sus grandes motores y novedades fue Ajax.
En Manual de Ajax práctico encuentras:
Artículos del manual
-
Introducción a Ajax
En esta parte vamos simplemente a explicar Ajax, la importancia que tiene en el desarrollo web frontend y los mecanismos que podemos usar para realizar solicitudes asíncronas con el servidor.
-
1
Qué es AJAX
En este artículo comenzamos a aprender Ajax, el mecanismo para realizar consultas asíncronas y recuperar datos de servidores y servicios web. Daremos para comenzar un repaso global a AJAX, desde su comienzo hasta la actualidad.
-
Trabajo Ajax con XMLHttpRequest
En este bloque vamos a conocer la clase XMLHttpRequest que nos permite crear objetos para realizar conexiones Ajax. Este es el mecanismo más antiguo disponible en los navegadores para la realización de comunicaciones Ajax.
-
2
Ajax con XMLHttpRequest
En este artículo vamos a comenzar a hablaros sobre el método más tradicional de hacer Ajax dentro del navegador web, mediante la clase XMLHttpRequest, que está disponible en todos los navegadores desde hace mucho tiempo.
-
3
Enviar un formulario por Ajax usando XMLHttpRequest
En este segundo artículo de XMLHttpRequest vamos a ver un ejemplo para enviar datos de un formulario por Ajax usando el método POST.
-
4
Mensaje de carga en solicitudes Ajax con XMLHttpRequest
Vamos a conocer otras variantes de trabajo con Ajax basado en objetos de la clase XMLHttpRequest. Veremos cómo implementar el típico mensaje de carga y conoceremos el evento onreadystatechange del objeto ajax.
-
Ajax con fetch
Ahora vamos a ver el mecanismo más actual para realizar solicitudes Ajax contra servidores o servicios web, usando fetch, que es un API disponible de manera más reciente, que tiene la particularidad de estar basado en promesas.
-
5
Fetch de Javascript
Tutorial de fetch, el nuevo mecanismo de Javascript para realizar solicitudes al servidor de manera asíncrona, lo que se conoce como Ajax.
-
6
Polyfill para Fetch
Cómo conseguir que el API de Fetch sea compatible con todos los navegadores mediante la carga condicional de un Polyfill.
-
7
Enviar datos por POST por Ajax con los API Javascript Fetch y FormData
Cómo realizar una llamada a un servidor, de tipo POST y enviar datos al servidor, usando Javascript y el API Fetch.
-
Librerías para la realización de Ajax
En este bloque vamos a ver algunas librerías disponibles para realizar comunicaciones con Ajax. Aunque en realidad se puede hacer Ajax directamente con Javascript nativo, usando mecanismos vistos anteriormente, estas librerías aportan diversas ventajas y ofrecen una interfaz de más alto nivel.
-
8
Librería Axios: cliente HTTP para Javascript
Conoce la librería Axios, un complemento sencillo para hacer solicitudes HTTP (Ajax) mediante Javascript / NodeJS, altamente preparado para consumir APIs REST.
-
9
¿Conviene usar jQuery para Ajax en Javascript?
En este artículo vamos a explicar una de las librerías más importantes que existen para facilitar las comunicaciones Ajax en el ámbito del navegador.
-
10
Ajax en Prototype
Tutorial en el que mostraremos cómo hacer solicitudes Ajax utilizando el framework Javascript Prototype, que tiene varias clases interesantes para hacer aplicaciones Ajax rápidamente.
-
Otros ejemplos y prácticas con Ajax y Javascript
A continuación te dejamos otros artículos que tienen distintos talleres prácticos de trabajo con Ajax que te pueden venir bien para seguir repasando y aprendiendo Ajax y Javascript.
-
11
Enviar mediante POST y GET usando una sola funcion AJAX
Cuando se realiza una web que usa AJAX, el problema mas frecuente es tener que escribir una funcion para cada variable o conjunto de variables que se quiere pasar. Esto suma mucho peso al código de tu sitio web.
-
12
JSONP
Qué es JSONP y por qué se utiliza en el desarrollo de sitios web. Ejemplos JSONP en la librería Javascript jQuery.
-
13
Upload de archivos emulando Ajax con la técnica del iframe
Cómo emular el upload de archivos mediante Ajax en navegadores antiguos usando la técnica del iframe, de modo que podamos ofrecer una experiencia AJAX para subir un archivo al servidor.
-
14
Un ejemplo de Ajax sin XMLHttpRequest
En este artículo vamos a ver una manera más creativa de hacer Ajax, usando una etiqueta script generada dinámicamente mediante Javascript. Permite hacer una consulta contra el servidor sin recargar la página en la que no se usa ningún mecanismo Ajax.
Descargas
-
Libro electrónico de Ajax en Javascript Libros electrónicos del Manual de Ajax Práctico, que aborda Ajax en Javascript para el navegador. Con estos libros electrónicos puedes descargar el manual para leerlo cómodamente en el ordenador, tablet o eBook.
Archivos disponibles: PDF, ePup, Mobi (Kindle)
Páginas: 64 (Referencia por el archivo PDF)