hola necesito mostrar elementos que me muestra la api en formato json en mi documento html,
mi api me da lo siguiente:
el codigo js es el siguiente :
const url='http://192.168.0.79:8080/Presentacion/SirtacAlicuotaServlet'
fetch(url)
.then(response=> response.json() )
.then(data => {
let elementos=document.getElementById('elemento')
elementos.innerHTML = `
<td>${data.index}</td>
<td>${data.letra}</td>
<td>${data.alicuota}</td>
<td>${data.periodo}</td>
<td>${data.estado}</td>
`;
console.table(data)
})
.catch(err=>console.log(err))
en el html es asi:
<H1 align="left"><strong> Alicuotas</strong></H1>
<table align="center" border="1">
<tr>
<td id="index">index</td>
<td id="letra">letra</td>
<td id="alicuota">alicuota</td>
<td id="periodo">periodo</td>
<td id="estado">estado</td>
</tr>
</table>
<div align="center" id="elemento"></div>
me da undefined ,como lo soluciono?
data
, seguramente sea un array que tienes que recorrer.fetch(url).then(function(response) { //La variable response tiene datos, recoge los datos por aqui. });
. De todas formas usa un depurador en el data para asegurar.