Yazeka
Arama sonuçlarına göre oluşturuldu
HTML'de JSON kullanmak için aşağıdaki yöntemler uygulanabilir:
- pre Elemanı Kullanımı 3. JSON verilerini doğrudan sayfada görüntülemek için
<pre>
elemanı kullanılabilir 3. Bu eleman, HTML dosyasında yazıldığı gibi biçimlendirilmiş metinleri temsil eder 3. - JavaScript ile Kullanım 13. JavaScript kullanılarak JSON verileri alınabilir ve HTML içinde görüntülenebilir 13. Bunun için
fetch()
yöntemi veyagetJSON()
fonksiyonu kullanılabilir 13.
Örnek bir kullanım şu şekilde olabilir:
- index.html dosyası 3:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> body { margin: 100px; } </style> </head> <body> <h2>bobbyhadz.com</h2> <br /> <br /> <pre id="json-data"></pre> <script src="index.js"></script> </body> </html>
- index.js dosyası 3:
const arr = [ { id: 1, name: 'Alice', age: 29 }, { id: 2, name: 'Bobby Hadz', age: 30 }, { id: 3, name: 'Carl', age: 31 }, ]; const preElement = document.getElementById('json-data'); preElement.style.fontSize = '18px'; preElement.innerHTML = JSON.stringify(arr, null, 2);
Bu yöntemde,
JSON.stringify()yöntemi ile JavaScript dizisi JSON dizesine dönüştürülür ve
innerHTMLözelliği ile
<pre>elemanına atanır 3.
5 kaynaktan alınan bilgiyle göre: