JSON-palvelin

JSON yleinen käyttötarkoitus on tiedonvaihto Web-palvelimien välillä.

Kun dataa haetaan Web-palvelimelta, se on aina merkkijono.

Käytä JSON.parse() Tulkitaan dataa, data muuttuu JavaScript-objektiksi.

Lähetä Data

Jos tallennat dataa JavaScript-objektina, voit muuntaa objektin JSONiksi ja lähettää sen palvelimelle:

Esimerkki

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

Kokeile itse

Vastaanotettu Data

Jos saat JSON-muodossa olevaa dataa, voit helposti muuntaa sen JavaScript-objektiksi:

Esimerkki

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

Kokeile itse

Palvelimelta tuleva JSON

Voit hakea JSON-dataa palvelimelta AJAX-reqeestillä

Jos vastaus palvelimelta on kirjoitettu JSON-muodossa, voit muuntaa merkkijonon JavaScript-objektiksi.

Esimerkki

Hanki data palvelimelta XMLHttpRequest:n avulla:

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();

Kokeile itse

Katso myös:json.txt

Taulukkomuotoinen JSON

Käytetään taulukkomuodossa olevaa JSON:ta JSON.parse() kohdassa, tämä menetelmä palauttaa JavaScript-taulukon eikä JavaScript-objektin.

Esimerkki

Palauttaa palvelimelta taulukkomuodossa 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();

Kokeile itse

Katso myös:json_array.txt