Librería axios para JavaScript

Autor: | Última modificación: 17 de agosto de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post:

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:

npm i axios

Una vez copiado este código, 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:

import axios from ‘axios’;

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

Al igual que la librería request, la forma más común de utilizar la librería axios para JavaScript es a través del método get. El método get es una función que actúa como una propiedad del objeto axios 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 siempre deberemos gestionar las promesas. Para ello, utilizaremos los métodos then y catch de JavaScript.

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 en nuestro blog de Desarrollo Web.

Otra forma de escribir la petición de axios 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:

let url = (‘./userID2383)

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

console.log (response.data); return

}

En las líneas de código anteriores, 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.

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!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Sabías que hay más de 40.000 vacantes para desarrolladores de software sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso! 

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!