Do czego służy
To narzędzie konwertuje dane JSON, zwykle odpowiedź API lub eksport, na tabelę HTML. Każdy obiekt staje się wierszem, a każdy klucz kolumną. Zagnieżdżone obiekty są spłaszczane do nazw kolumn z kropkami, aby tabela pozostała dwuwymiarowa.
Jak używać
- Wklej JSON w polu Wejście, wczytaj plik
.jsonlub kliknij Przykład. - Kod tabeli pojawia się po prawej w trakcie pisania. Niepoprawny JSON jest zgłaszany wraz z pozycją błędu.
- Wyłącz Dołącz wiersz nagłówka, jeśli chcesz tylko wiersze danych.
- Skopiuj HTML lub pobierz go jako plik
.html.
Przykład
[
{ "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
{ "name": "Bob", "address": { "city": "Beijing" } }
]daje tabelę z kolumnami name, address.city i tags. Komórka tags u Alice zawiera admin; editor, a u Boba jest pusta.
Wskazówki
- Aby pokazać odpowiedź API, wklej całą odpowiedź. Jeśli wygląda jak
{"items": [...]}, wiersze są automatycznie pobierane zitems. - Jeśli chcesz przejrzeć lub poprawić JSON przed konwersją, najpierw użyj formatera JSON.
FAQ
› Jakiej struktury JSON oczekuje?
Najlepiej sprawdza się tablica obiektów, jeden obiekt na wiersz. Rozpoznawany jest też obiekt z pojedynczą właściwością będącą tablicą, np. {"data": [...]}. Każda inna wartość staje się pojedynczym wierszem.
› Jak obsługiwane są zagnieżdżone obiekty i tablice?
Zagnieżdżone pola stają się nazwami kolumn z kropkami, np. address.city. Tablice prostych wartości są łączone za pomocą "; ", a tablice obiektów dostają ścieżki z indeksami, np. items.0.name.
› Co jeśli obiekty mają różne klucze?
Kolumny to suma wszystkich kluczy w kolejności ich pierwszego wystąpienia. Brakujące wartości pozostają puste.
› Czy wynik można bezpiecznie umieścić na stronie internetowej?
Tak. Tekst jest escapowany dla HTML, więc wartości takie jak <script> są wyświetlane jako tekst.