Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir konuşmacının JavaScript ile JSON verilerini nasıl çekebileceğimizi ve işleyebileceğimizi adım adım anlattığı bir eğitim içeriğidir.
- Video, kendi oluşturulan JSON verilerine nasıl ulaşılacağını ve fetch API kullanılarak bu verilerin nasıl çekileceğini göstermektedir. İlk bölümde HTML, CSS ve JavaScript dosyaları oluşturulup kullanıcılar ve yetkiler gibi JSON verileri tanımlanmakta, ikinci bölümde ise fetch fonksiyonu ile çekilen HTTP cevabının JSON formatına dönüştürülmesi ve konsol.log ile verilerin yazdırılması anlatılmaktadır.
- Videoda ayrıca cross-origin resource (CORS) hatası gibi yaygın sorunlar ve bunların çözümleri de açıklanmaktadır. Eğitim, dahili JSON verilerinin işlenmesiyle sona ererken, bir sonraki videoda dış kaynaklı verilerden bahsedileceği belirtilmektedir.
- 00:07JSON Verileri Çekme Giriş
- Bu videoda kendi oluşturulan JSON verilerine nasıl erişileceği anlatılacak.
- Dış kaynaklardan JSON verileri de çekilebilir, ancak bu videoda kendi oluşturulan JSON verilerine odaklanılacak.
- JSON verileri, süslü parantezler içinde kullanıcılar ve yetki gibi alanlarla tanımlanabilir.
- 01:19JSON Verisi Oluşturma
- JSON dosyasında kullanıcılar alanında name, surname ve age gibi özellikler içeren objeler tanımlanabilir.
- Yetki alanında ise "yönetici" ve "kullanıcı" gibi değerler içeren bir dizi tanımlanabilir.
- JSON dosyası oluşturulduktan sonra JavaScript'te nasıl çekileceği gösterilecek.
- 03:23Fetch API Kullanımı
- Verileri çekmek için Fetch API kullanılacak ve bu bir anlamda dökümantasyon oluşturmak için kullanılabilir.
- Fetch API, AJAX'in yerini alan daha basit bir veri çekme ve güncelleme yöntemi olarak kullanılır.
- Fetch fonksiyonu, veriyi çekmek için URL'yi parametre olarak alır ve bir cevap (response) döndürür.
- 05:34CORS Hatası ve Çözümü
- Veri is not defined hatası alındıktan sonra URL'yi çift tırnak içinde belirtmek gerekir.
- CORS (Cross-Origin Resource Sharing) hatası, HTTP veya HTTPS olmayan URL'lerde oluşabilir.
- Bu hatayı çözmek için canlı bir HTTPS veya HTTP sunucusunda çalışmak gerekir.
- 07:45Veri Çekme ve İşleme
- Fetch ile çekilen veriyi işlemek için response.json() metodu kullanılır.
- Fetch ile veri çekildikten sonra, response cevabı alınır ve bu cevap JSON formatına dönüştürülür.
- Dönüşüm sonrası veri, data değişkenine atanabilir ve konsola yazdırılabilir.
- 09:40JSON Verisini Konsolda Gösterme
- Konsol.log() kullanarak JSON verisini yazdırabilir ve verinin içindeki kullanıcılar ve yetki bilgilerini görüntüleyebilirsiniz.
- JSON verisinde kullanıcılar ve yetki bilgileri bulunurken, yetki içinde bir array ve yönetici bilgisi bulunmaktadır.
- Süslü parantezler kullanarak JSON verisindeki farklı katmanlara erişim sağlanabilir.
- 10:25JSON Verisinde Dolaşma
- Konsol.log() ile JSON verisinin içinde dolaşılabilir ve sadece kullanıcılar veya yetki gibi belirli alanlar görüntülenebilir.
- JSON verisindeki yetki bilgisinin içindeki yönetici bilgisine de erişim sağlanabilir.
- JSON verisi aslında bir obje olduğu için, string, parse gibi işlemlerle de işlenebilir.
- 11:35JSON Verisini String'e Çevirme
- JSON.stringify() fonksiyonu kullanılarak JSON verisi string'e çevrilebilir.
- Çevrilen string, istediğiniz yerde kullanmak üzere hazır hale getirilir.
- 12:12Fetch ile Veri Çekme Süreci
- Fetch ile URL veya bir dosyadan veri çekilir ve HTTP cevabı alınır.
- HTTP cevabından JSON verisi alınır ve kullanılır.
- İki tane then işlemi ile veriler çekilir ve istediğiniz şekilde işlenebilir.
- Bir sonraki videoda dış kaynaklı verilerden bahsedilecektir.