Traer datos con fetch

De enunpimpam
Saltar a: navegación, buscar
fetch("https://randomuser.me/api/")
  .then(function(response) {
    // console.log(response)
    return response.json()
  })
  .then(function (Usuario){
    console.log('Todo los datos en Array', Usuario)
    console.log('Solo el Nombre:', Usuario.results[0].name.first)
  })
  .catch(function(response) {
  })
 })

Funciones asincronas

(async function load(){
    // await
    const respuesta = await fetch("https://yts.mx/api/v2/list_movies.json?genre=action")
    const datos = await respuesta.json()
    console.log(datos)
  })()

Petición de una lista de 50 peliculas de Sci-ficción

(async function load(){
    // await
    //action, sci-fi, animation, fantasy
    async function getDatos(url) {
      const respuesta = await fetch(url)
      const datos = await respuesta.json()
      return datos
    }
    const scifiList = await getDatos("https://yts.mx/api/v2/list_movies.json?genre=sci-fi&limit=50")
    console.log('scifiList', scifiList)
  })()

Petición de lista de 50 películas de cuatro géneros diferentes.

(async function load(){
    // await
    //action, sci-fi, animation, fantasy
    async function getDatos(url) {
      const respuesta = await fetch(url)
      const datos = await respuesta.json()
      return datos;
    }
    const scifiList = await getDatos("https://yts.mx/api/v2/list_movies.json?genre=sci-fi&limit=50");
    const actionList = await getDatos("https://yts.mx/api/v2/list_movies.json?genre=action&limit=50");
    const animationList = await getDatos("https://yts.mx/api/v2/list_movies.json?genre=animation&limit=50");
    const fantasyList = await getDatos("https://yts.mx/api/v2/list_movies.json?genre=fantasy&limit=50")
    console.log('Sci-fi',scifiList);
    console.log('Acción',actionList);
    console.log('Animación',animationList);
    console.log('Fantasia', fantasyList);
  })()