यह क्या करता है
यह टूल JSON डेटा को, आम तौर पर किसी API रिस्पॉन्स या एक्सपोर्ट को, HTML टेबल में बदलता है। हर ऑब्जेक्ट एक रो बनता है और हर key एक कॉलम। नेस्टेड ऑब्जेक्ट डॉट वाले कॉलम नामों में फ़्लैट किए जाते हैं ताकि टेबल दो-आयामी बनी रहे।
कैसे इस्तेमाल करें
- JSON को इनपुट बॉक्स में पेस्ट करें,
.jsonफ़ाइल अपलोड करें, या उदाहरण पर क्लिक करें। - टाइप करते ही टेबल मार्कअप दाईं ओर दिखने लगता है। इनवैलिड JSON की पोज़िशन के साथ रिपोर्ट किया जाता है।
- अगर आपको सिर्फ़ डेटा रो चाहिए तो हेडर रो शामिल करें बंद करें।
- HTML कॉपी करें या
.htmlफ़ाइल के रूप में डाउनलोड करें।
उदाहरण
[
{ "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
{ "name": "Bob", "address": { "city": "Beijing" } }
]name, address.city और tags कॉलम वाली टेबल देता है। Alice के tags सेल में admin; editor लिखा होता है और Bob का ख़ाली रहता है।
सुझाव
- API रिस्पॉन्स दिखाने के लिए पूरा रिस्पॉन्स पेस्ट करें। अगर वह
{"items": [...]}जैसा दिखता है, तो रो अपने-आपitemsसे ली जाती हैं। - अगर कन्वर्ट करने से पहले JSON को देखना या ठीक करना हो, तो पहले JSON फ़ॉर्मैटर इस्तेमाल करें।
अक्सर पूछे जाने वाले सवाल
› यह किस तरह का JSON ढाँचा चाहता है?
ऑब्जेक्ट्स का ऐरे सबसे अच्छा काम करता है, हर रो के लिए एक ऑब्जेक्ट। एक ही ऐरे प्रॉपर्टी वाला ऑब्जेक्ट, जैसे {"data": [...]}, भी समझा जाता है। कोई भी दूसरी वैल्यू एक अकेली रो बन जाती है।
› नेस्टेड ऑब्जेक्ट्स और ऐरे कैसे संभाले जाते हैं?
नेस्टेड फ़ील्ड address.city जैसे डॉट वाले कॉलम नाम बन जाते हैं। सादी वैल्यू वाले ऐरे "; " से जोड़े जाते हैं, और ऑब्जेक्ट्स वाले ऐरे को items.0.name जैसे इंडेक्स पाथ मिलते हैं।
› अगर ऑब्जेक्ट्स की keys अलग-अलग हों तो?
कॉलम सभी keys का यूनियन होते हैं, उसी क्रम में जिसमें वे पहली बार दिखती हैं। जो वैल्यू नहीं हैं वे ख़ाली छोड़ दी जाती हैं।
› क्या आउटपुट वेब पेज पर डालना सुरक्षित है?
हाँ। टेक्स्ट HTML-escaped होता है, इसलिए <script> जैसी वैल्यू टेक्स्ट के रूप में दिखती हैं।