Server JSON
Penggunaan umum JSON adalah untuk bertukar data ke/dari server web.
Saat menerima data dari server web, data selalu berupa string.
Parsing data dengan JSON.parse()
, dan data menjadi objek JavaScript.
Mengirim Data
Jika Anda memiliki data yang disimpan dalam objek JavaScript, Anda dapat mengonversi objek menjadi JSON, dan mengirimkannya ke server:
Contoh
const myObj = {name: "John",
age: 31, city: "New York"};
const myJSON =
JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;
Menerima data
Jika Anda menerima data dalam format JSON, Anda dapat dengan mudah mengubahnya menjadi objek JavaScript:
Contoh
const myJSON =
'{"name":"John",
"age":31, "city":"New York"}';
const myObj =
JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
JSON Dari Server
Anda dapat meminta JSON dari server dengan menggunakan permintaan AJAX
Selama respons dari server ditulis dalam format JSON, Anda dapat mengurai string menjadi objek JavaScript.
Contoh
Gunakan 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_demo.txt");
xmlhttp.send();
Lihatlah json_demo.txt
Larik sebagai JSON
Saat menggunakan JSON.parse()
on JSON yang diturunkan dari larik, metode ini akan mengembalikan larik JavaScript, bukan objek JavaScript.
Contoh
JSON dikembalikan dari server sebagai larik:
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myArr = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myArr[0];
}
}
xmlhttp.open("GET", "json_demo_array.txt", true);
xmlhttp.send();
Lihatlah json_demo_array.txt