Serwer JSON

Częstym zastosowaniem JSON jest wymiana danych z serwerem Web.

Dane otrzymywane z serwera są zawsze ciągami znaków.

Używaj JSON.parse() Analizuj dane, dane staną się obiektem JavaScript.

Wyślij dane

Jeśli przechowujesz dane w obiekcie JavaScript, możesz przekształcić obiekt w JSON i wysłać go na serwer:

Przykład

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

Spróbuj sam

Otrzymane dane

Jeśli otrzymujesz dane w formacie JSON, możesz łatwo je przekształcić w obiekt JavaScript:

Przykład

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

Spróbuj sam

JSON z serwera

Możesz wysłać AJAX żądanie do serwera, aby uzyskać JSON

Jeśli odpowiedź serwera jest napisana w formacie JSON, możesz przekształcić ciąg znaków w obiekt JavaScript.

Przykład

Używaj XMLHttpRequest do pobierania danych z serwera:

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

Spróbuj sam

Zobacz również:json.txt

w formie tablicy JSON

Użycie na JSON JSON.parse() w przypadku, gdy metoda ta zwraca JavaScript tablicę, zamiast JavaScript obiektu.

Przykład

JSON zwracany jako tablica z serwera:

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

Spróbuj sam

Zobacz również:json_array.txt