Ne işe yarar
Bu araç, genellikle bir API yanıtı veya dışa aktarım olan JSON verilerini bir HTML tablosuna dönüştürür. Her nesne bir satır, her anahtar bir sütun olur. İç içe nesneler noktalı sütun adlarına düzleştirilir; böylece tablo iki boyutlu kalır.
Nasıl kullanılır
- JSON’u Girdi kutusuna yapıştırın, bir
.jsondosyası yükleyin veya Örnek düğmesine tıklayın. - Siz yazarken tablo kodu sağ tarafta görünür. Geçersiz JSON, konumuyla birlikte bildirilir.
- Yalnızca veri satırlarını istiyorsanız Başlık satırını ekle seçeneğini kapatın.
- HTML’yi kopyalayın veya
.htmldosyası olarak indirin.
Örnek
[
{ "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
{ "name": "Bob", "address": { "city": "Beijing" } }
]name, address.city ve tags sütunlarına sahip bir tablo verir. Alice’in tags hücresinde admin; editor yazar, Bob’unki ise boştur.
İpuçları
- Bir API yanıtını göstermek için yanıtın tamamını yapıştırın.
{"items": [...]}gibi görünüyorsa satırlar otomatik olarakitemsiçinden alınır. - Dönüştürmeden önce JSON’u incelemek veya düzeltmek istiyorsanız önce JSON biçimlendiriciyi kullanın.
SSS
› Hangi JSON yapısını bekliyor?
En iyi sonucu her satır için bir nesne olan bir nesne dizisi verir. {"data": [...]} gibi tek bir dizi özelliğine sahip bir nesne de anlaşılır. Diğer her değer tek bir satır olur.
› İç içe nesneler ve diziler nasıl işleniyor?
İç içe alanlar address.city gibi noktalı sütun adlarına dönüşür. Basit değerlerden oluşan diziler "; " ile birleştirilir, nesne dizileri ise items.0.name gibi dizin yolları alır.
› Nesnelerin anahtarları farklıysa ne olur?
Sütunlar, tüm anahtarların ilk göründükleri sıraya göre birleşimidir. Eksik değerler boş bırakılır.
› Çıktıyı bir web sayfasına koymak güvenli mi?
Evet. Metin HTML kaçışlamasından geçirilir; bu yüzden <script> gibi değerler metin olarak gösterilir.