JSON dosyalarını önyüzde nasıl gösterebilirim?

Suicune · 8 Ağustos 2023

Merhaba, elimde bir. JSON dosyası var ve ödevim için bu. JSON dosyasındaki verileri önyüzde karşılaştıracak bir proje yapmam gerekiyor daha önce önyüzde tecrübem yok fakan öğrenmek istiyorum. Şimdilik ise idarelik olarak hazır templateler kullanarak karşılaştırmak istiyorum bu JSON verilerini en basit şekilde önyüzde nasıl karşılaştırabilirim? (Visual Studio)

delikarga · 8 Ağustos 2023

Using the Fetch API - Web APIs | MDN

The Fetch API provides a JavaScript interface for making HTTP requests and processing the responses.

developer.mozilla.org

533388 · 8 Ağustos 2023

@Suicune fetch API kullanarak gösterebilirsin asenkron işlemleri araştırmanı öneririrm.

Suicune · 8 Ağustos 2023

Cevaplarınız için teşekkür ederim. Bunları yapmayı öğrenebileceğim bir türkçe kaynak öneriniz var mı acaba ?

533388 · 8 Ağustos 2023

@Suicune Enes bayram, prototurk izleyebilirsin ve eğer sana yardımcı olabildiysem çözüm olarak raporlayabilirsin.

delikarga · 8 Ağustos 2023

Hocam zor bir şey değil ya.

JavaScript:

let my_inp = document.getElementById("input_id");
fetch("API_URL_veya_JSON_dosya_yolu_buraya").then(res=>res.json()).then(data=>{
    if (my_inp.value == data.bilmemne){
        // girilen değer json içerisindeki bilmemne alanıyla eşitse onu bunu yap
    }
})

şöyle bir örnek vereyim. Çok kabaca oldu ama anlamışsındır. Bu arada yukarıda attığım MDN linkine kesin bak çok kaliteli bir dokümantasyonu var.

JSON dosyalarını önyüzde nasıl gösterebilirim?

Suicune

Kilopat

delikarga

Kilopat

Using the Fetch API - Web APIs | MDN

533388

Hectopat

Suicune

Kilopat

533388

Hectopat

delikarga

Kilopat