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 APIasyncfunctiongetPokemonData() {
// manejamos los errores con el bloque de TRY CATCHtry {
// 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.)consturl = `https://pokeapi.co/api/v2/pokemon?limit=100000&offset=0`;
// Esperamos que la API nos de la respuesta con awaitconst response = await fetch(url);
// Manejamos la respuesta de la API con las condicionales, si responde (status ok) nos va a devolver la data solicitadaif (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 .jsonconsole.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???