JSON ທະນາຄານ

ນຳໃຊ້ຂອງ JSON ແມ່ນການແລກປ່ຽນຂໍ້ມູນກັບ Web 服务器.

ບໍ່ມີຂໍ້ມູນຈາກບໍລິສັດ Web ແມ່ນຈະເປັນຄຳຂັດແຍ່ງ.

ນຳໃຊ້ JSON.parse() ການຕັດສິນຂໍ້ມູນ, ຂໍ້ມູນຈະກາຍເປັນວັດຖຸ JavaScript.

ສົ່ງໂດຍຂໍ້ມູນ

ຖ້າທີ່ຂໍ້ມູນຖືກບັນຈຸໃນວັດຖຸ JavaScript, ເຈົ້າສາມາດປ່ຽນວັດຖຸຕົວຢ່າງທີ່ສະເໜີວັດຖຸ JSON ແລະສົ່ງມັນໄປບໍລິສັດ:

ຕົວຢ່າງ

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

ທົດລອງດາວນີ້

ຂໍ້ມູນທີ່ຖືກຮັບ

ຖ້າທີ່ຂໍ້ມູນ JSON, ເຈົ້າສາມາດການປ່ຽນສະເໜີວັດຖຸ JavaScript ຄືກັນກັບຄຳຂັດແຍ່ງ:

ຕົວຢ່າງ

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

ທົດລອງດາວນີ້

JSON ຈາກບໍລິສັດ

ຈະສາມາດການຂໍ JSON ຈາກບໍລິສັດທີ່ສາມາດ AJAX.

ພຽງແຕ່ທີ່ຄຳຕອບຈາກບໍລິສັດທີ່ຂຽນໃນຮູບແບບ JSON, ເຈົ້າສາມາດການປະຊາດຄຳຂັດແຍ່ງເປັນວັດຖຸ JavaScript.

ຕົວຢ່າງ

ການເອົາຂໍ້ມູນຈາກບໍລິສັດອຸປະກອນ XMLHTTP:

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

ທົດລອງດາວນີ້

ບໍ່ມີຫົວສັດjson.txt

数组形式的 JSON

在从数组派生的 JSON 上使用 JSON.parse() 时,该方法会返回 JavaScript 数组,而不是 JavaScript 对象。

ຕົວຢ່າງ

ຈາກສະຖານນີທີ່ກັບຄືນຄົ້ນຫາ 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();

ທົດລອງດາວນີ້

ບໍ່ມີຫົວສັດjson_array.txt