ES6 - API fetch (consumir API públicas)
Ejemplo
Ejecución del ejemplo
<!DOCTYPE html> <html> <head> <title>Ejemplo de JavaScript</title> <meta charset="UTF-8"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> </head> <body> <div class="container"> <div class="row"> <table class="table table-striped" id="tabla1"> </table> </div> </div> <script> fetch("https://jsonplaceholder.typicode.com/users") .then(response => response.json()) .then(datos => { let cad = '<tr><th>Nombre</th><th>Email</th><th>Télefono</th></tr>'; for (let usuario of datos) { cad += `<tr><td>${usuario.name}</td> <td>${usuario.email}</td> <td>${usuario.phone}</td></tr>`; } document.getElementById("tabla1").innerHTML = cad; }); </script> </body> </html>
No tiene disponible el navegador la capacidad de iframe
Retornar al menu