JSON Sunucusu

JSON'ın en yaygın kullanım alanlarından biri Web sunucusu ile veri alışverişi yapmaktır.

Web sunucusundan veri aldığınızda, veriler her zaman dizedir.

Kullan JSON.parse() Verileri çözümleyin, veriler JavaScript nesnesi haline gelecektir.

Veri Gönder

Verileri JavaScript nesnesinde sakladığınızda, bu nesneyi JSON'a dönüştürebilir ve sunucuya gönderebilirsiniz:

Örnek

const myObj = {name: "Bill", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Kişisel olarak deneyin

Veri Al

JSON formatında veri aldığınızda, bu veriyi rahatlıkla JavaScript nesnesine dönüştürebilirsiniz:

Örnek

const myJSON = '{"name":"Bill", "age":31, "city":"New York"}';
const myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Kişisel olarak deneyin

Sunucudan gelen JSON

JSON istemek için AJAX istekleri kullanabilirsiniz

Sunucudan gelen yanıt JSON formatında yazıldığında, dizesini JavaScript nesnesine dönüştürebilirsiniz.

Örnek

İstenen verileri sunucudan almak için XMLHttpRequest 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.txt");
xmlhttp.send();

Kişisel olarak deneyin

Aşağıya bakınız:json.txt

Dizi biçiminde JSON

Dizi biçiminde JSON üzerinde JSON.parse() Zamanında, bu yöntem JavaScript dizisi yerine JavaScript nesnesi döner.

Örnek

Sunucudan dizi olarak dönen JSON:

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myArr = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myArr[0];
  }
}
xmlhttp.open("GET", "json_array.txt", true);
xmlhttp.send();

Kişisel olarak deneyin

Aşağıya bakınız:json_array.txt