Traer datos con fetch
De enunpimpam
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);
})()