Curso Práctico de JavaScript

Toma las primeras clases gratis

Vamos a crear una funcion de petición GET a la PokeApi, para ello crearemos la funcion asincrona con manejos de errores con JavaScript.

comencemos creando la funcion async:

// Creamos la funcion asincrona con parametro vacío, en este ejemplo vamos a obtener un listados de todos los pokemon que existen en la API

async function getPokemonData() {

	// manejamos los errores con el bloque de TRY CATCH
    try {
	// Declaramos la direccion HTTP a donde realizaremos la consulta a la API (Aca obtendremos la lista en forma de objeto de todos los pokemon disponibles.)
      const url = `https://pokeapi.co/api/v2/pokemon?limit=100000&offset=0`;
	// Esperamos que la API nos de la respuesta con await
      const response = await fetch(url);
	// Manejamos la respuesta de la API con las condicionales, si responde (status ok) nos va a devolver la data solicitada
      if (response.ok) {
	// Pasamos la respuesta a formato json donde podamos acceder a sus propiedades como un objeto.
       const pokemonData = await response.json();
	// Se imprime por consola la respuesta en formato .json
        console.log(pokemonData);
      } else {
	// si la respuesta no es correcta nos devuelve el siguiente mensaje.
        thrownewError('Network response was not ok.');
      }
    } catch(error) {
	// Si la API nos devuelve un error en la respuesta, nos va a imprimir por consola el status con el codigo devuelto por la api.
      console.error('There was a problem with the fetch operation:', error);
    }
  }
  // Llamamos a la funcion y se nos mostrara por consola un objeto con 1279 pokemon existente en la API.
  getPokemonData();

De esta forma tenemos un funcion de peticion GET a la PokeApi, con manejo de errores y buenas practicas…

Comentame que tal te parecio?? y como podrias mejorar esta funcion???

Curso Práctico de JavaScript

Toma las primeras clases gratis

0 Comentarios

para escribir tu comentario

Artículos relacionados