JSON 伺服器
JSON 的常見用途是與 Web 伺服器交換資料。
當從 Web 伺服器接收資料時，資料始終是字串。
使用 JSON.parse() 解析資料，資料將成為 JavaScript 物件。
傳送資料
如果您有儲存在 JavaScript 物件中的資料，您可以將其轉換為 JSON，然後傳送到伺服器
示例
const myObj = {name: "John", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;
自己動手試一試 »
接收資料
如果您收到 JSON 格式的資料，可以輕鬆將其轉換為 JavaScript 物件
示例
const myJSON = '{"name":"John", "age":31, "city":"New York"}';
const myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
自己動手試一試 »
來自伺服器的 JSON
您可以使用 AJAX 請求從伺服器請求 JSON
只要伺服器的響應是用 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_demo.txt");
xmlhttp.send();
自己動手試一試 »
請檢視 json_demo.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_demo_array.txt", true);
xmlhttp.send();
自己動手試一試 »
