Chuyển JSON sang bảng HTML

Công cụ này làm gì

Công cụ này chuyển dữ liệu JSON, thường là phản hồi API hoặc dữ liệu xuất ra, thành bảng HTML. Mỗi object trở thành một hàng và mỗi khóa trở thành một cột. Object lồng nhau được làm phẳng thành tên cột dạng dấu chấm để bảng vẫn giữ hai chiều.

Cách sử dụng

1. Dán JSON vào ô Đầu vào, tải lên tệp .json, hoặc nhấn Ví dụ.
2. Mã bảng xuất hiện bên phải ngay khi bạn gõ. JSON không hợp lệ được báo lỗi kèm vị trí.
3. Tắt Kèm hàng tiêu đề nếu bạn chỉ muốn các hàng dữ liệu.
4. Sao chép HTML hoặc tải xuống dưới dạng tệp .html.

Ví dụ

[
  { "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
  { "name": "Bob", "address": { "city": "Beijing" } }
]

cho ra một bảng có các cột name, address.city và tags. Ô tags của Alice là admin; editor còn của Bob để trống.

Mẹo

• Để hiển thị phản hồi API, hãy dán toàn bộ phản hồi. Nếu nó có dạng {"items": [...]}, các hàng sẽ tự động được lấy từ items.
• Dùng công cụ định dạng JSON trước nếu bạn muốn xem hoặc sửa JSON trước khi chuyển đổi.