tengo codigo json
{ "dezui": { "title": "DezUI CSS Framework", "description": "", "organizer": [""], "status": true, "homepage": "", "link": [""], "date": [18, 10, 2021], ... }, ... }Quiero mostrar con bucle en mi página. Código json anterior:
{ "portfolio": [ { "title": "DezUI CSS Framework", "description": "", "organizer": [""], "status": true, "homepage": "", ... }, ... ] }Con el código anterior, muestro los datos con el siguiente código:
fetch("/portfolio/portfolio.json") .then(response => {return response.json()}) .then(data => { for (let i = 0; i < data.portfolio.length; i++) { if (data.portfolio[i].status == true) { document.getElementById("portfolio").innerHTML += `<div id="card-project"><div id="thumbnail"><a href="/portfolio/${data.portfolio[i].homepage}"><img src="/portfolio/thumbnails/${data.portfolio[i].thumbnail}"></a></div><h6 id="tag">${data.portfolio[i].tag}</h6><h6 id="title"><a href="/portfolio/${data.portfolio[i].homepage}">${data.portfolio[i].title}</a></h6></div>` } } })Estoy confundido sobre cómo me muestro en forma de objeto (?)
por favor, ayúdame
Dado que la forma de sus datos cambió, deberá actualizar su código. Ya no necesita recorrerlo, ya que solo hay una entrada. Entonces puede hacer referencia a ese objeto y cambiarlo de portfolio a dezui . ex:
fetch("/portfolio/portfolio.json") .then(response => {return response.json()}) .then(data => { if (data.dezui.status == true) { document.getElementById("portfolio").innerHTML += `<div id="card-project"><div id="thumbnail"><a href="/portfolio/${data.dezui.homepage}"><img src="/portfolio/thumbnails/${data.dezui.thumbnail}"></a></div><h6 id="tag">${data.dezui.tag}</h6><h6 id="title"><a href="/portfolio/${data.dezui.homepage}">${data.dezui.title}</a></h6></div>` } })