¿Cómo hacer una llamada GET a una API usando Axios en JavaScript?

Axios es un cliente HTTP basado en promesas diseñado para Node.js y el navegador. Con Axios, podemos enviar fácilmente requests HTTP asíncronas a las API REST y realizar operaciones de creación, lectura, actualización y eliminación. Es un proyecto de colaboración de código abierto alojado en Github. Se puede importar en Javascript simple o con cualquier biblioteca en consecuencia. 
El siguiente script src incluirá axios.js en la sección principal de su código HTML 
 

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

Cuando enviamos una solicitud a la API usando axios, devuelve una respuesta. El objeto de respuesta consta de: 
 

  • datos: los datos devueltos por el servidor.
  • estado: el código HTTP devuelto por el servidor.
  • statusText: el estado HTTP devuelto por el servidor.
  • headers: encabezados obtenidos del servidor.
  • config: la configuración de la solicitud original.
  • petición: el objeto de la petición.

Con fines de demostración, alojaremos una API en localhost: 

http://127.0.0.1:5000

Secuencia de comandos de Python: necesitará los siguientes paquetes para ejecutar la API, matraz, requests, jsonify, matraz_cors . El código para la API de Python es el siguiente: 
 

  • Programa: 
     

Python3

from flask import Flask, jsonify, request
from flask_cors import CORS
 
app = Flask(__name__)
CORS(app)
 
@app.route('/test', methods =['GET'])
def test():
   return jsonify({"Result": "Welcome to GeeksForGeeks"})
 
if __name__ == '__main__':
    app.run(debug = True)

Nota: puede alojar esta API simplemente ejecutando el código Python anterior.
JS Script: incluya axios.js y el archivo JS correspondiente en el archivo HTML. En el archivo JS, escriba el siguiente código que realiza una solicitud GET mediante Axios a la API. Una solicitud GET a la API requiere la ruta al método API
 

  • Programa: 
     

javascript

function makeGetRequest(path) {
    axios.get(path).then(
        (response) => {
            var result = response.data;
            console.log(result);
        },
        (error) => {
            console.log(error);
        }
    );
}
makeGetRequest('http://127.0.0.1:5000/test');
  • Salida: llamará a la API con una solicitud GET. La respuesta se obtendrá en la ventana de la consola
     

Publicación traducida automáticamente

Artículo escrito por chitrankmishra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *