JSON สเตชั่น

การใช้งานที่เป็นที่รู้จักของ JSON คือการแลกเปลี่ยนข้อมูลกับเซิร์ฟเวอร์:

ข้อมูลที่ได้รับจากเซิร์ฟเวอร์เป็นแบบตัวอักษรตลอดเวลา:

ใช้ JSON.parse() ตีความข้อมูล ข้อมูลจะกลายเป็นอนุประเภท JavaScript ออบเจ็กท์。

ส่ง Data

หากคุณจัดเก็บข้อมูลในอนุประเภท JavaScript ออบเจ็กท์ คุณสามารถแปลงอนุประเภทเป็น JSON และส่งมันไปยังเซิร์ฟเวอร์:

ʵ

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

Լ

รับ Data

หากคุณได้รับข้อมูลในรูปแบบ 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 ออบเจ็กท์:

ʵ

ใช้ XMLHttpRequest ขอข้อมูลจากเซิร์ฟเวอร์:

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.parse() ʱ،该方法会返回 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