JSON Sunucusu
JSON'un yaygın bir kullanımı, bir web sunucusuna/sunucudan veri alışverişi yapmaktır.
Bir web sunucusundan veri alırken, veriler her zaman bir dizedir.
Verileri ile ayrıştırın ve veriler JSON.parse()
bir JavaScript nesnesi haline gelir.
Veri Gönderme
Bir JavaScript nesnesinde depolanmış verileriniz varsa, nesneyi JSON'a dönüştürebilir ve bir sunucuya gönderebilirsiniz:
Örnek
const myObj = {name: "John",
age: 31, city: "New York"};
const myJSON =
JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;
Veri alıyor
JSON biçiminde veri alırsanız, bunları kolayca bir JavaScript nesnesine dönüştürebilirsiniz:
Örnek
const myJSON =
'{"name":"John",
"age":31, "city":"New York"}';
const myObj =
JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
Bir Sunucudan JSON
Bir AJAX isteği kullanarak sunucudan JSON isteyebilirsiniz.
Sunucudan gelen yanıt JSON biçiminde yazıldığı sürece, dizeyi bir JavaScript nesnesine ayrıştırabilirsiniz.
Örnek
Sunucudan veri almak için XMLHttpRequest'i kullanın:
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
};
xmlhttp.open("GET", "json_demo.txt");
xmlhttp.send();
json_demo.txt dosyasına bir göz atın
JSON olarak dizi
JSON.parse()
Bir diziden türetilen on JSON'u kullanırken , yöntem bir JavaScript nesnesi yerine bir JavaScript dizisi döndürür.
Örnek
JSON, bir sunucudan dizi olarak döndürüldü:
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myArr = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myArr[0];
}
}
xmlhttp.open("GET", "json_demo_array.txt", true);
xmlhttp.send();
json_demo_array.txt dosyasına bir göz atın