Librería axios para JavaScript

Contenido del Bootcamp Dirigido por: | Última modificación: 25 de octubre de 2024 | Tiempo de Lectura: 3 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

Programar, especialmente cuando estamos comenzando, puede parecer una tarea solitaria y excesivamente compleja. Sin embargo, el mundo de la programación cada vez nos da más herramientas para facilitar la ejecución de nuestros proyectos. En este post, te enseñaremos sobre la librería axios para JavaScript, uno de los paquetes npm disponibles para facilitarnos las llamadas a enlaces HTTP.

¿Qué es la librería axios para JavaScript?

La librería axios para JavaScript funciona de una manera muy similar a la librería request. Como has podido leer en nuestro post sobre la librería request de JavaScript, esta está deprecada. Es decir, no tiene nuevos elementos que vayan a salir pronto ni los ha tenido en un buen tiempo. Por ello, hoy en día se utiliza muchísimo más la librería axios, que actualmente cuenta con más descargas que la librería request.

Al igual que request, la librería axios de JavaScript es un paquete que encontraremos en npm y que nos permite hacer peticiones o llamadas al contenido de un enlace HTTP.

¿Cómo instalar la librería axios para JavaScript?

Para instalar la librería axios para JavaScript en Visual Studio Code, podemos dirigirnos primero a la página npm y buscar el paquete axios. Allí lo encontrarás todo sobre esta librería, desde sus características básicas hasta sus métodos para trabajar con promesas y errores. En el lado superior derecho de esta página, también encontrarás el código que necesitas para instalar esta librería, listo para ser copiado. A continuación, encuentras este código de axios JavaScript:

npm i axios

Una vez copiado este código para instalar axios, debes dirigirte a la terminal de Visual Studio Code y pegarlo en la última línea de código que tienes, justo después de la directiva de tu archivo. Ahora, haz clic en enter.

En este momento, tienes instalada la librería axios para JavaScript, pero todavía debes acceder a ella desde tu proyecto. Para ello, te puedes dirigir al archivo index.js de tu proyecto y escribir en las líneas iniciales el siguiente código de importación de axios JavaScript:

import axios from ‘axios’;

Si reiteras este proceso sabras cómo instalar axios.

¿Cómo usar la librería axios para JavaScript?

Al igual que la librería request, la forma más común de instalar axios y utilizar la librería axios para JavaScript es a través del método get. El método get de axios es una función que actúa como una propiedad del objeto axios JavaScript que estamos importando y nos sirve para hacer una petición al contenido de un enlace.

Axios funciona a partir de la devolución de una promesa. Es decir, soporta la promesa ejecutada. Ten presente que la promesa de la que hablamos se crea cuando ejecutamos la llamada al servidor para hacer una petición HTTP.

Por su relación tan cercana con el objeto promise, al usar esta librería de axios JS siempre deberemos gestionar las promesas. Para ello, utilizaremos los métodos then y catch de JavaScript.

//axios error

axios.get (‘./userID2383) {

.then (function (response) {

console.log (response);

})

.catch (function (error) {

console.log (error);

})

.then (function ( ) {

});

Para conocer más sobre la relación entre las promesas y la librería axios para JavaScript, te invitamos a leer la sección promises de la documentación axios en npm. Si, además, necesitas saber más sobre las promesas, te invitamos a leer los posts que tenemos sobre este tema de axios JS en nuestro blog de Desarrollo Web.

Otra forma de escribir la petición de acios es a través de la estrategia de anidar métodos en JavaScript. Esta se basa en ahorrar líneas de código al unir métodos, pues el resultado de uno es la base del siguiente. Entonces, podríamos escribir la petición del siguiente modo:

//axios significado

let url = (‘./userID2383)

axios.get (url).then (function (response) {

console.log (response.data); return

}

En las líneas de código anteriores de axios, definimos que, como el método axios.get nos devuelve un objeto promise, podemos anidar inmediatamente el método then y gestionar esta promise. Además, la librería axios para JavaScript nos permite acceder directamente a los datos de nuestra respuesta usando response.data. Esto nos ahorra el paso de tener que transformar el string que nos devuelve la llamada a un objeto, pues lo hace de manera automática y lo guarda dentro del objeto data de axios JS.

Si tienes dudas acerca de este proceso, te invitamos a leer nuestro post sobre transformar un string a un objeto en JavaScript.

¿Quieres seguir aprendiendo?

Ahora que ya sabes qué es y cómo usar la librería axios para JavaScript, estamos seguros de que quieres seguir aprendiendo sobre todas las posibilidades que te puede ofrecer este lenguaje de programación. Para ello, te recomendamos nuestro Desarrollo Web Full Stack Bootcamp, donde aprenderás todo lo necesario para convertirte en un experto del desarrollo web, incluyendo lenguajes de programación, como son JavaScript, CSS y HTML. ¿Te animas a seguir aprendiendo con nosotros? ¡Inscríbete ya y destaca en el sector IT!

Alberto Casero

Alberto Casero es CTO en Watium, Fundador de Kas Factory & Coordinador del Bootcamp en Desarrollo Web.

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado