Da JSON a tabella HTML
Mostri un elenco di record come una tabella che si legge a colpo d'occhio: nell'esempio Ada e Luis diventano due righe sotto le intestazioni nombre e rol, e il testo Luis <b> resta testo invece di mettere la pagina in grassetto. Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Funziona nel tuo browser: gratis, senza registrazione, i file non escono dal tuo dispositivo.
dati leggibili in una pagina
Perché le persone leggono tabelle e non dati grezzi
Al di fuori di un gruppo di sviluppo nessuno vuole leggere dati grezzi, per quanto ben rientrati, eppure lo stesso elenco di record si capisce a colpo d'occhio sotto forma di tabella. Un elenco di ordini, le risposte a un sondaggio o un conteggio di magazzino arrivano come dati da qualche sistema, e prima o poi una persona deve guardarli. Costruire la tabella a mano per ogni report è noioso e facile da sbagliare, soprattutto quando alcuni record hanno campi che altri non hanno. Questo strumento la costruisce in un solo passaggio.
Come viene costruita la tabella
Ogni nome distinto presente nei record diventa una colonna con la sua intestazione, e ogni record una riga; un valore che manca in un record resta una cella vuota, così la tabella mantiene la sua forma. I caratteri speciali vengono scritti in modo sicuro, ed è per questo che Luis <b> nell'esempio compare come testo. Un valore che contiene una sezione annidata viene mostrato nella sua forma scritta dentro la cella. Il risultato è una tabella semplice senza stili propri, quindi prende l'aspetto della pagina o dell'email in cui la incolla. Per dati non tabellari, l'opzione elenco mostra ogni record separatamente.
Da array a righe di tabella
Se gli oggetti hanno campi diversi, unisce tutte le colonne e lascia vuote le celle mancanti, così nessun dato sparisce. Ottieni codice HTML pulito, con l’intestazione ben distinta dal corpo, pronto da inserire dove ti serve.
Oggetti annidati e liste
Quando un campo contiene a sua volta un oggetto o una lista, puoi scegliere come mostrarlo: appiattito in più colonne, riportato come testo nella cella, oppure come una piccola tabella dentro la cella. Decidi tu il livello di dettaglio, in base a chi leggerà: un collega tecnico vuole tutto, un cliente preferisce una vista sintetica e ordinata.
Da incollare dove vuoi
La tabella è HTML standard, quindi la incolli in una pagina del sito, in una email o in un documento che accetta HTML, e si vede subito impaginata. Puoi tenerla essenziale, senza stili, per adattarla al foglio di stile del tuo sito, oppure con una formattazione di base già leggibile. In entrambi i casi parti da una tabella corretta, senza scriverla a mano.
Casi d'uso
Tabella dentro una email
Devi inviare un elenco in una email. La tabella HTML si incolla nel messaggio e arriva impaginata, senza allegati da aprire.
Domande frequenti
Gestisce gli oggetti annidati?
Sì: puoi mostrarli appiattiti in più colonne, come testo nella cella oppure come una piccola tabella interna. Scegli il livello di dettaglio in base a chi legge.
Posso incollare la tabella in una email?
Sì: è HTML standard, quindi si incolla in una email o in una pagina e appare già impaginata, senza allegati. Puoi generarla essenziale o con una formattazione di base.
Cosa succede se le righe hanno campi diversi?
Lo strumento unisce tutte le colonne trovate e lascia vuote le celle mancanti, così ogni dato resta al suo posto e nessuna informazione va persa.
È gratis?
Nel browser sì, senza registrazione e senza limiti.
Un testo come <b> nei miei dati diventa formattazione?
No. I caratteri speciali dei suoi valori vengono scritti in modo sicuro, quindi un nome come Luis <b> dell'esempio appare esattamente come è stato digitato invece di mettere in grassetto il resto della tabella. Questo impedisce anche che venga eseguito codice infilato nei dati.
Strumenti correlati
Per sviluppatori — accesso via API
Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.
Endpoint
Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.
Chiamala dal tuo stack
curl -X POST https://api.kit.forhosting.com/data/json-to-html \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"json":[{"a":1}]}'const res = await fetch("https://api.kit.forhosting.com/data/json-to-html", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"json": [
{
"a": 1
}
]
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/data/json-to-html",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"json": [
{
"a": 1
}
]
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/data/json-to-html", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"json":[{"a":1}]}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"json":[{"a":1}]}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/data/json-to-html", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Esempio di richiesta
{
"json": [
{
"a": 1
}
]
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "data.json_to_html",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.
Prezzi
Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.
Limiti
max_mb | 25 |
Errori
| HTTP | Codice | Significato |
|---|---|---|
401 | unauthorized | Chiave API mancante o non valida: controlla l'header Authorization. |
402 | insufficient_balance | Credito esaurito: ricarica per continuare a eseguire attività. |
404 | unknown_type | Tipo di attività sconosciuto: controlla il campo type della richiesta. |
429 | rate_limited | Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo. |
Note tecniche
Uno strumento che trasforma un file JSON in una tabella HTML: dati ordinati in righe e colonne, leggibili da chiunque, non solo da un programma. Utile per mostrare a un cliente i contenuti di un JSON, incollarli in una pagina o allegarli a una email. Carichi o incolli il JSON e ottieni la tabella pronta, nel browser.
Da array a righe di tabella
Il KIT prende l’array JSON e costruisce una tabella HTML: le chiavi diventano le intestazioni delle colonne, ogni oggetto una riga.
Casi di integrazione
Mostrare dati a un cliente
Rossi & Figli S.r.l. deve far vedere a un cliente i dati di un ordine che ha in JSON. Convertiti in tabella HTML, diventano leggibili senza spiegare cos’è il JSON.
Anteprima su una pagina
Uno sviluppatore vuole un’anteprima rapida di un JSON su una pagina interna. La tabella pronta gli evita di scrivere il markup a mano.
Domande tecniche
I dati vengono inviati a un server?
No: la conversione avviene nel browser, quindi il JSON resta sul tuo dispositivo. Puoi trattare anche dati riservati.
Funziona dal telefono?
Sì, dal browser del telefono: incolli il JSON e ottieni la tabella HTML da copiare, senza installare app.