Javascript Ajax obtener datos desde una api usando Fetch, ejemplo de perfil de usuario sin librerías

En este vídeo explico cómo realizar peticiones Ajax a una API usando solamente JavaScript vanilla sin librerías externas.

Javascript Ajax obtener datos desde una api usando Fetch, ejemplo de perfil de usuario sin librerías



Uso fetch para obtener los datos y además explicó cómo manejar la asincronía para garantizar tener los datos con promesas resueltas.

https://youtu.be/wYAJroCPXRA

El código utilizado está disponible desde aquí:
https://codepen.io/fryntiz/pen/gOvYrro

Para realizarlo utilizo una API Open Source que devuelve usuarios:
https://randomuser.me

#javascript #ajax #api #fetch #async #javascriptvanilla #js

Ubicación: 11550 Chipiona, Cádiz, España

Comentarios

Publicar un comentario

Entradas populares de este blog

Pruebo el APPLE Game Porting Toolkit en macOS para testear jugar a Diablo IV en Macbook m1 pro

Imagen
Estos días con la salida final del juego Diablo 4 (que por un lado tenía unas ganas enormes de jugarlo) también ha sido la conferencia WWDC de Apple en la que nos han presentado bastante variedad de novedades en general pero a primera vista pocas por dispositivo/sistema. Una de las novedades que en mi opinión es bastante interesante es la nueva herramienta para portar juegos de windows a sistemas apple con m1 y m2 (sin ser yo una persona que juegue demasiado) incluyendo hasta soporte para directx 12 .  
Leer más

Proyecto Experimental para generar Imágenes + vídeo con AI autogenerando prompt y subiendo a redes

Imagen
  En este vídeo presento el proyecto experimental que llevo un tiempo realizando (y sigo trabajando en él, aún queda trabajo por hacer) para dejar automatizada la creación de una idea mediante AI partiendo de un sistema de roles propio con el que generar el prompt afinando además los parámetros para ese tipo de imágenes, generar un lote de imágenes con el prompt obtenido mediante la api "text2img" de Stable Diffusion. https://youtu.be/0ziMV_AkZr8 Antes de continuar, todo lo que he ido viendo y el proyecto de forma global existe con el único fin de experimentar, aprender, ver tecnologías e integraciones y/o practicar. Posteriormente esto se publica automáticamente en las redes sociales como twitter https://twitter.com/ai_automations y se sube a mi propia api para una web que hice dónde depurar las imágenes generadas: https://aidyslexic.raupulus.dev Luego tras completar un lote de imágenes y publicarse en las redes, se genera un vídeo Slideshow con transiciones entre estas y m
Leer más

Ampliamos la memoria RAM de un NAS asustor lockestor desde 4GB a 16GB.

Imagen
Desmontamos el NAS por completo, explico el desmontaje y montaje paso a paso. Comento el hardware que utilizo en él (discos nvme, hdd, ssd y raid5). También realizamos algunas pruebas de estabilidad (benchmarks y stress) para asegurarnos que se pueden llenar de información las nuevas memorias sin producir cuelgues o errores. https://youtu.be/6nKKoMsNuus   #nas #asustor #as6704T #ram #hardware
Leer más