Javascript dinamización de tabla por ajax desde una api y modificar nodos al seleccionar elemento (Javascript Vanilla)

En este ejemplo muestro como dinamizar una tabla realizando peticiones ajax paginadas a una api que nos proveerá los datos para rellenar la tabla.

Javascript dinamización de tabla por ajax desde una api y modificar nodos al seleccionar elemento (Javascript Vanilla)
 

También muestro como modificar el dom usando los datos obtenidos al pulsar sobre uno de los elementos de la tabla.


Utilizo javascript puro (javascript vanilla) sin librerías externas.

El vídeo dónde explico el código es el siguiente:
https://www.youtube.com/watch?v=8PKWfUlDVSM


 


El código del vídeo lo puedes encontrar en codepen:
https://codepen.io/fryntiz/pen/BaYzKVX

Las peticiones a la api las realizo con "fetch" y utilizo la siguiente api gratuita que encontré por internet:
https://reqres.in/

#javascript #javascriptvanilla #api #ajax #fetch #tabla #opensoftware

Comentarios

Entradas populares de este blog

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

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

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