Cosa fa
Questo strumento converte dati JSON, tipicamente la risposta di un’API o un export, in una tabella HTML. Ogni oggetto diventa una riga e ogni chiave una colonna. Gli oggetti annidati vengono appiattiti in nomi di colonna con notazione a punti, così la tabella resta bidimensionale.
Come si usa
- Incolla il JSON nel riquadro Input, carica un file
.jsonoppure clicca su Esempio. - Il markup della tabella compare a destra mentre scrivi. Il JSON non valido viene segnalato con la sua posizione.
- Disattiva Includi la riga di intestazione se vuoi solo le righe di dati.
- Copia l’HTML o scaricalo come file
.html.
Esempio
[
{ "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
{ "name": "Bob", "address": { "city": "Beijing" } }
]produce una tabella con le colonne name, address.city e tags. La cella dei tag di Alice contiene admin; editor e quella di Bob è vuota.
Suggerimenti
- Per mostrare la risposta di un’API, incollala per intero. Se ha la forma
{"items": [...]}, le righe vengono prese automaticamente daitems. - Usa prima il formattatore JSON se vuoi ispezionare o correggere il JSON prima di convertirlo.
Domande frequenti
› Quale struttura JSON si aspetta?
Funziona meglio un array di oggetti, un oggetto per riga. Viene riconosciuto anche un oggetto con un'unica proprietà array, come {"data": [...]}. Qualsiasi altro valore diventa una singola riga.
› Come vengono gestiti oggetti e array annidati?
I campi annidati diventano nomi di colonna con notazione a punti, come address.city. Gli array di valori semplici vengono uniti con "; " e gli array di oggetti ricevono percorsi con indice come items.0.name.
› E se gli oggetti hanno chiavi diverse?
Le colonne sono l'unione di tutte le chiavi nell'ordine in cui compaiono la prima volta. I valori mancanti restano vuoti.
› L'output è sicuro da inserire in una pagina web?
Sì. Il testo viene convertito in entità HTML, quindi valori come <script> vengono mostrati come testo.