JSON ฉบับนิยาม

JSON JavaScript Object Notation (JavaScript Object Notation)

JSON คือสัญลักษณ์ที่ใช้เก็บและแลกเปลี่ยนข้อมูล

JSON คือข้อความที่เขียนด้วย JavaScript Object Notation

แลกเปลี่ยนข้อมูล

ข้อมูลที่ถูกแลกเปลี่ยนระหว่างเบรายเวอร์และเซิร์ฟเวอร์ต้องเป็นข้อความเท่านั้น

JSON คือข้อความ และเราสามารถแปลงโอปเจ็ค JavaScript ใด ๆ ให้เป็น JSON และส่ง JSON ไปยังเซิร์ฟเวอร์

เรายังสามารถแปลง JSON ที่ได้รับมาจากเซิร์ฟเวอร์เป็นโอปเจ็ค JavaScript ได้

ด้วยวิธีนี้ เราสามารถจัดการข้อมูลในรูปแบบโอปเจ็ค JavaScript โดยไม่จำเป็นต้องทำการแปลงและปรับเปลี่ยนศัพท์เป็นน้อยที่สุด

ส่งข้อมูล

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

ตัวอย่าง

var myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
var myJSON =  JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

ลองด้วยตัวเอง

คุณจะเรียนรู้เพิ่มเติมเกี่ยวกับ JSON.stringify() ความรู้เกี่ยวกับฟังก์ชัน

รับข้อมูล

หากคุณได้รับข้อมูลในรูปแบบ JSON คุณสามารถแปลงมันเป็นโอปเจ็ค JavaScript ได้

ตัวอย่าง

var myJSON = '{ "name":"Bill Gates",  "age":62, "city":"Seattle" }';
var myObj =  JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

ลองด้วยตัวเอง

คุณจะเรียนรู้เพิ่มเติมเกี่ยวกับ JSON.parse() ความรู้เกี่ยวกับฟังก์ชัน

จัดเก็บข้อมูล

ในการจัดเก็บข้อมูล ข้อมูลต้องเป็นรูปแบบเฉพาะที่หนึ่ง และไม่ว่าคุณเลือกที่จะจัดเก็บมันไหน ข้อความเป็นรูปแบบที่ถูกต้อง

JSON ทำให้ JavaScript สามารถจัดเก็บโอปเจ็คในรูปแบบข้อความได้

ตัวอย่าง

จัดเก็บข้อมูลในเก็บค่าท้องถิ่น

//จัดเก็บข้อมูล：
myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
myJSON =  JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
//รับข้อมูล：
text = localStorage.getItem("testJSON");
obj =  JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

ลองด้วยตัวเอง

อะไรคือ JSON?

  • JSON หมายถึง JavaScript Object NotationJavaScript Object Notation)
  • JSON คือรูปแบบการแลกเปลี่ยนข้อมูลที่มีน้ำหนักน้อย
  • JSON มีคุณสมบัติการอธิบายตัวเองและง่ายต่อการเข้าใจ
  • JSON ประกอบด้วยภาษาต่างๆ

*

JSON ใช้สัญลักษณ์ภาษา JavaScript แต่รูปแบบ JSON คือข้อความแบบสมบูรณ์

ข้อความสามารถอ่านและใช้งานในฐานะข้อมูลโดยภาษาประมวลผลทุกภาษา

รูปแบบ JSON ถูกเสนอโดย Douglas Crockford

ทำไมต้องใช้ JSON?

เพราะรูปแบบ JSON มีลักษณะของข้อความเพียงอย่างเดียว มันสามารถถ่ายโอนได้ง่ายและใช้เป็นรูปแบบข้อมูลของภาษาประมวลผลทุกภาษา

JavaScript มีฟังก์ชันภายในซึ่งทำให้สามารถเปลี่ยนข้อความที่เขียนในรูปแบบ JSON มาเป็นออบเจ็กต์ JavaScript โดยส่วนตัว:

JSON.parse()

ดังนั้น ถ้าคุณได้รับข้อมูลในรูปแบบ JSON จากเซิร์ฟเวอร์ คุณสามารถใช้มันเหมือน JavaScript แบบแบบสมบูรณ์อื่นๆ