Estoy tratando de mostrar mis datos obtenidos de mi API, pero no se muestra que estoy usando JS.
fetch (" http://127.0.0.1:8000/api/vehiculo/ ") .then (res => res.json ()) .then (data => muestraData (data)) const muestraData = (data) => { let body = '' for (let i = 0; i <data.length; i ++) { body + = <tr><td>${data[i].id}</td></tr> } document.getElementById('data').innerHTML = body }En primer lugar, no sé cómo se ve la respuesta de su API, por lo que en esta explicación, usaré (API de Rick-and-Morty).
Hagamos una función para obtener los datos de la API:
const loadData = () => { return fetch("https://rickandmortyapi.com/api/character") .then((response) => response.json()) .catch((error) => { throw error; }); }; Ahora podemos llamar a la función loadData y construir el cuerpo:
const data = document.getElementById("data"); loadData().then((response) => { const results = response.results; let body = ""; if (results && results.length > 0) { results.forEach((item) => { body += `ID: ${item.id} <br/>`; }); } data.innerHTML = body; });Debido a que la variable de
resultscontiene una matriz de objetos, solo podemos usar el método.forEach.
loadDatadevuelvePromise
Ejemplo de trabajo: