JSON server

En almindelig anvendelse af JSON er at udveksle data med en webserver.

Når du modtager data fra en webserver, er data altid en streng.

Brug JSON.parse() Analyser data, data bliver et JavaScript-objekt.

Send Data

Hvis du lagrer data i et JavaScript-objekt, kan du konvertere objektet til JSON og sende det til serveren:

Example

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

Try it yourself

Modtag Data

Hvis du modtager data i JSON-format, kan du nemt konvertere det til et JavaScript-objekt:

Example

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

Try it yourself

JSON fra serveren

Du kan anmode om JSON fra serveren med AJAX-anmodning

Så længe svaret fra serveren er skrevet i JSON-format, kan du解析字符串 til et JavaScript-objekt.

Example

Brug XMLHttpRequest til at hente data fra serveren:

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

Try it yourself

See also:json.txt

JSON in array format

Using JSON.parse() When this method is called with an array-derived JSON, it will return a JavaScript array instead of a JavaScript object.

Example

JSON returned as an array from the server:

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

Try it yourself

See also:json_array.txt