JSON Verisi Çekmek
Script İçinden Çekmek
<script>
const vucud = document.getElementsByTagName("body")[0];
class Ev{
constructor(Renk,Boy,En,Metin){
this.renk = Renk ?? "#000000";
this.boy = Boy ?? 50;
this.en = En ?? 50;
this.metin = Metin ?? "";
}
evCiz(rengi = this.renk, boyu = this.boy, eni = this.en, metin = this.metin){
let cizilecekEv = document.createElement("div");
cizilecekEv.style.backgroundColor = rengi;
cizilecekEv.style.width = boyu+ 'px';
cizilecekEv.style.height = eni+ 'px';
cizilecekEv.style.margin = "50px";
cizilecekEv.style.textAlign = "center";
cizilecekEv.style.verticalAlign = "center";
cizilecekEv.style.display = "inline-block";
cizilecekEv.innerText = metin;
return cizilecekEv;
}
}
const evNesnesi = new Ev('#ffff00',150,150);
let jsonVerisi = '{"Ogrenciler":[{"ad":"Ahmet","soyad":"Demir"},{"ad":"Ömer","soyad":"Taş"},{"ad":"Volkan","soyad":"Kandemir"}]}';
const Ogr = JSON.parse(jsonVerisi)
for (ogrenci of Ogr.Ogrenciler) {
vucud.append(evNesnesi.evCiz(undefined,undefined,undefined,`${ogrenci.ad} ${ogrenci.soyad}`))
}
</script>
const vucud = document.getElementsByTagName("body")[0];
class Ev{
constructor(Renk,Boy,En,Metin){
this.renk = Renk ?? "#000000";
this.boy = Boy ?? 50;
this.en = En ?? 50;
this.metin = Metin ?? "";
}
evCiz(rengi = this.renk, boyu = this.boy, eni = this.en, metin = this.metin){
let cizilecekEv = document.createElement("div");
cizilecekEv.style.backgroundColor = rengi;
cizilecekEv.style.width = boyu+ 'px';
cizilecekEv.style.height = eni+ 'px';
cizilecekEv.style.margin = "50px";
cizilecekEv.style.textAlign = "center";
cizilecekEv.style.verticalAlign = "center";
cizilecekEv.style.display = "inline-block";
cizilecekEv.innerText = metin;
return cizilecekEv;
}
}
const evNesnesi = new Ev('#ffff00',150,150);
let jsonVerisi = '{"Ogrenciler":[{"ad":"Ahmet","soyad":"Demir"},{"ad":"Ömer","soyad":"Taş"},{"ad":"Volkan","soyad":"Kandemir"}]}';
const Ogr = JSON.parse(jsonVerisi)
for (ogrenci of Ogr.Ogrenciler) {
vucud.append(evNesnesi.evCiz(undefined,undefined,undefined,`${ogrenci.ad} ${ogrenci.soyad}`))
}
</script>
URL'den Çekmek
<script>
//https://hasanadiguzel.com.tr/api/kurgetir
function JSONAl() {
var Gelen;
/*fetch('https://hasanadiguzel.com.tr/api/kurgetir', {
method: 'GET',
headers: {
'Accept': 'application/json',
}
}).then(response => response.json()).then(response => console.log(JSON.stringify(response)))*/
return fetch('https://hasanadiguzel.com.tr/api/kurgetir', {
method: 'GET',
headers: {
'Accept': 'application/json',
}
}).then(response => response.json()).then(response => DonenDeger(response));
}
function DonenDeger(UrldenGelenJson) {
const KartNesnesi = new Kart();
//alert(JSON.stringify(UrldenGelenJson)); //donen veriyi gosterir
//console.log(JSON.stringify(UrldenGelenJson));
let Dolar = UrldenGelenJson.TCMB_AnlikKurBilgileri[0].Isim + ' ' + UrldenGelenJson.TCMB_AnlikKurBilgileri[0].ForexBuying + ' ' + UrldenGelenJson.TCMB_AnlikKurBilgileri[0].ForexSelling;
//alert(Dolar);
document.write(Dolar);
let Euro = UrldenGelenJson.TCMB_AnlikKurBilgileri[3].Isim + ' ' + UrldenGelenJson.TCMB_AnlikKurBilgileri[3].ForexBuying + ' ' + UrldenGelenJson.TCMB_AnlikKurBilgileri[3].ForexSelling;
//alert(Dolar);
document.write(Euro);
}
JSONAl();
</script>
//https://hasanadiguzel.com.tr/api/kurgetir
function JSONAl() {
var Gelen;
/*fetch('https://hasanadiguzel.com.tr/api/kurgetir', {
method: 'GET',
headers: {
'Accept': 'application/json',
}
}).then(response => response.json()).then(response => console.log(JSON.stringify(response)))*/
return fetch('https://hasanadiguzel.com.tr/api/kurgetir', {
method: 'GET',
headers: {
'Accept': 'application/json',
}
}).then(response => response.json()).then(response => DonenDeger(response));
}
function DonenDeger(UrldenGelenJson) {
const KartNesnesi = new Kart();
//alert(JSON.stringify(UrldenGelenJson)); //donen veriyi gosterir
//console.log(JSON.stringify(UrldenGelenJson));
let Dolar = UrldenGelenJson.TCMB_AnlikKurBilgileri[0].Isim + ' ' + UrldenGelenJson.TCMB_AnlikKurBilgileri[0].ForexBuying + ' ' + UrldenGelenJson.TCMB_AnlikKurBilgileri[0].ForexSelling;
//alert(Dolar);
document.write(Dolar);
let Euro = UrldenGelenJson.TCMB_AnlikKurBilgileri[3].Isim + ' ' + UrldenGelenJson.TCMB_AnlikKurBilgileri[3].ForexBuying + ' ' + UrldenGelenJson.TCMB_AnlikKurBilgileri[3].ForexSelling;
//alert(Dolar);
document.write(Euro);
}
JSONAl();
</script>
Yorumunuzu Ekleyin
