Server JSON

Penggunaan umum JSON adalah untuk pertukangan data dengan server web.

Ketika menerima data dari server web, data selalu berupa string.

Dengan JSON.parse() Mengurai data, data akan menjadi objek JavaScript.

Kirim Data

Jika Anda menyimpan data di objek JavaScript, Anda dapat mengonversi objek ke JSON dan mengirimkannya ke server:

Contoh

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

Coba Sendiri

Menerima Data

Jika Anda menerima data dalam format JSON, Anda dapat dengan mudah mengkonversi datanya ke objek JavaScript:

Contoh

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

Coba Sendiri

JSON dari server

Anda dapat meminta JSON dari server melalui permintaan AJAX

Jika tanggapan dari server ditulis dalam format JSON, Anda dapat mengkonversi string ke objek JavaScript.

Contoh

Menggunakan XMLHttpRequest untuk mendapatkan data dari server:

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

Coba Sendiri

Lihat Juga:json.txt

JSON dalam bentuk array

Penggunaan JSON yang diambil dari array JSON.parse() pada waktu, metode ini akan kembalikan array JavaScript, bukan objek JavaScript.

Contoh

JSON kembalikan dalam bentuk array dari 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();

Coba Sendiri

Lihat Juga:json_array.txt