<body> <h1>This is a page</h1> <div id="page"></div> <script> fetch("http://dummy.restapiexample.com/api/v1/employees") .then(response => response.json()) .then(data => { console.log(data) document.querySelector("#page").innerText = JSON.stringify(data) }) </script>aquí está mi intento, que muestra todos los objetos, pero solo necesito el primero
Dado que la API devuelve un objeto con atributos de success y data , consideraré que desea el primer objeto data para el primer empleado.
Mire Trabajar con objetos en la documentación, es un conocimiento imprescindible en Javascript.
<body> <h1>This is a page</h1> <div id="page"></div> <script> fetch('http://dummy.restapiexample.com/api/v1/employees') .then(response => response.json()) .then(data => { document.body.innerText = JSON.stringify(data.data[0]); }); </script> </body><body> <h1>This is a page</h1> <div id="page"></div> <script> fetch("http://dummy.restapiexample.com/api/v1/employees") .then(response => response.json()) .then(data => { console.log(data[0]) //notice the index in data document.querySelector("#page").innerText =JSON.stringify(data[0]) }) </script>Eso supondría que los datos son una matriz de objetos, podría seleccionar el primer elemento como lo haría en cualquier matriz. Sin ver la estructura de respuesta, ese sería el enfoque lógico.