JavaScript'te AJAX ile JSON Alma
Sunucunun verileri JSON formatında döndürmesi yaygın bir uygulamadır. Bununla nasıl çalışılacağını görelim. Sunucuda aşağıdaki dosyanın olduğunu varsayalım:
{
"num1": "1",
"num2": "2"
}
Şimdi bu dosyadan verileri alalım:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
JSON'ın otomatik olarak JavaScript yapısına
dönüştürülmesi için json metodundan
faydalanılabilir:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Sunucunun bir dizi içeren JSON döndürdüğünü varsayalım.
Bu diziyi bir döngü ile gezin ve
her bir elemanını ayrı bir li etiketine yazın.
