Yazeka
Arama sonuçlarına göre oluşturuldu
HTML'de JSON kullanımı iki ana yöntemle gerçekleştirilebilir:
- JSON Verisini Doğrudan HTML'e Gömme: JSON verisi,
<script>
etiketi içindetype
niteliğiapplication/json
olarak ayarlanarak HTML belgesine gömülebilir 13. Örneğin:
Bu yöntem, JSON verisini JavaScript çalıştırmadan doğrudan HTML içinde bulundurmayı sağlar 1.<script type="application/json" id="myData"> { "name": "John Doe", "age": 30, "city": "New York" } </script>
- JSON Verisini Dış Kaynaktan Fethetme: Daha büyük veri setleri için JSON, ayrı bir
.json
dosyasında saklanabilir ve bu dosya JavaScript ile fethedilebilir 3. Örneğin:
Burada<!DOCTYPE html> <html> <head> <title>Fetching External JSON Example</title> </head> <body> <script> fetch("data.json") .then(response => response.json()) .then(data => { console.log(data.tutorials[0].title); // Veri erişimi }) .catch(error => console.error("Error fetching JSON:", error)); </script> </body> </html>
fetch
API'si kullanılarak "data.json" dosyasından veri alınır ve.json()
yöntemi ile bu veri JSON olarak ayrıştırılır 3.
5 kaynaktan alınan bilgiyle göre: