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); })()