JavaScript JSON อ้างอิง
JSON ( J ava S สคริปต์ O bject N otation )
JSON เป็นรูปแบบสำหรับจัดเก็บและขนส่งข้อมูล
JSON คือข้อความ และสามารถขนส่งข้อความได้ทุกที่ และอ่านด้วยภาษาการเขียนโปรแกรมใดๆ
JavaScript Objects สามารถแปลงเป็น JSON และ JSON สามารถแปลงกลับเป็น JavaScript Objects ได้
วิธีนี้ทำให้เราสามารถทำงานกับข้อมูลเป็นออบเจ็กต์ JavaScript โดยไม่มีการแยกวิเคราะห์หรือการแปลที่ซับซ้อน
ตัวอย่าง
กำลังส่ง JSON:
// a JavaScript object...:
var myObj =
{ "name":"John",
"age":31, "city":"New York" };
// ...converted into JSON:
var myJSON =
JSON.stringify(myObj);
// send JSON:
window.location = "demo_json.php?x=" + myJSON;
สำหรับบทช่วยสอนเกี่ยวกับ JSON โปรดอ่าน บทช่วย สอน JSONของ เรา
วิธี JSON
Method | Description |
---|---|
parse() | Parses a JSON string and returns a JavaScript object |
stringify() | Convert a JavaScript object to a JSON string |
ประเภทข้อมูลที่ถูกต้อง
ใน JSON ค่าต้องเป็นหนึ่งในประเภทข้อมูลต่อไปนี้:
- สตริง
- หมายเลข
- วัตถุ (มีค่า JSON ที่ถูกต้อง)
- อาร์เรย์
- บูลีน
- โมฆะ
ค่า JSON ไม่สามารถเป็นข้อมูลประเภทใดประเภทหนึ่งต่อไปนี้
- ฟังก์ชั่น
- วันที่
- ไม่ได้กำหนด
ตัวอย่างเพิ่มเติม
ตัวอย่าง
รับ JSON:
// myJSON is text received in JSON format.
// Convert JSON into a JavaScript
object:
var myObj =
JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
ตัวอย่าง
การจัดเก็บข้อมูลเป็น JSON โดยใช้ localStorage
// Storing data:
myObj =
{ "name":"John",
"age":31, "city":"New York" };
myJSON =
JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
// Retrieving data:
text = localStorage.getItem("testJSON");
obj =
JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;
เรียนรู้เพิ่มเติมเกี่ยวกับ JSON ใน บทช่วย สอน JSONของ เรา