JSON - ภาพรวม

JSON หรือ JavaScript Object Notation เป็นมาตรฐานเปิดแบบข้อความที่มีน้ำหนักเบาซึ่งออกแบบมาสำหรับการแลกเปลี่ยนข้อมูลที่มนุษย์อ่านได้ ข้อตกลงที่ใช้โดย JSON เป็นที่รู้จักสำหรับโปรแกรมเมอร์ซึ่ง ได้แก่ C, C ++, Java, Python, Perl และอื่น ๆ

JSON ย่อมาจาก JavaScript Object Notation
Douglas Crockford ระบุรูปแบบ
ได้รับการออกแบบมาเพื่อการแลกเปลี่ยนข้อมูลที่มนุษย์อ่านได้
ได้รับการขยายจากภาษาสคริปต์ JavaScript
นามสกุลไฟล์คือ .json.
ประเภท JSON Internet Media คือ application/json.
Uniform Type Identifier เป็น public.json

การใช้ JSON

ใช้ขณะเขียนแอปพลิเคชันที่ใช้ JavaScript ซึ่งมีส่วนขยายของเบราว์เซอร์และเว็บไซต์
รูปแบบ JSON ใช้สำหรับการทำให้เป็นอนุกรมและส่งข้อมูลที่มีโครงสร้างผ่านการเชื่อมต่อเครือข่าย
ส่วนใหญ่จะใช้ในการส่งข้อมูลระหว่างเซิร์ฟเวอร์และเว็บแอปพลิเคชัน
บริการเว็บและ API ใช้รูปแบบ JSON เพื่อให้ข้อมูลสาธารณะ
สามารถใช้ได้กับภาษาโปรแกรมสมัยใหม่

ลักษณะของ JSON

JSON อ่านและเขียนได้ง่าย
เป็นรูปแบบการแลกเปลี่ยนข้อความที่มีน้ำหนักเบา
JSON เป็นภาษาที่ไม่ขึ้นกับภาษา

ตัวอย่างง่ายๆใน JSON

ตัวอย่างต่อไปนี้แสดงวิธีใช้ JSON เพื่อจัดเก็บข้อมูลที่เกี่ยวข้องกับหนังสือตามหัวข้อและฉบับ

{
   "book": [
	
      {
         "id":"01",
         "language": "Java",
         "edition": "third",
         "author": "Herbert Schildt"
      },
	
      {
         "id":"07",
         "language": "C++",
         "edition": "second",
         "author": "E.Balagurusamy"
      }
   ]
}

หลังจากทำความเข้าใจกับโปรแกรมข้างต้นแล้วเราจะลองอีกตัวอย่างหนึ่ง มาบันทึกรหัสด้านล่างเป็นjson.htm -

<html>
   <head>
      <title>JSON example</title>
      <script language = "javascript" >
         var object1 = { "language" : "Java", "author"  : "herbert schildt" };
         document.write("<h1>JSON with JavaScript example</h1>");
         document.write("<br>");
         document.write("<h3>Language = " + object1.language+"</h3>");  
         document.write("<h3>Author = " + object1.author+"</h3>");   

         var object2 = { "language" : "C++", "author"  : "E-Balagurusamy" };
         document.write("<br>");
         document.write("<h3>Language = " + object2.language+"</h3>");  
         document.write("<h3>Author = " + object2.author+"</h3>");   
  
         document.write("<hr />");
         document.write(object2.language + " programming language can be studied " + "from book written by " + object2.author);
         document.write("<hr />");
      </script>
   </head>
   
   <body>
   </body>
</html>

ตอนนี้เรามาลองเปิด json.htm โดยใช้ IE หรือเบราว์เซอร์ที่เปิดใช้งานจาวาสคริปต์อื่น ๆ ที่ให้ผลลัพธ์ต่อไปนี้ -

คุณสามารถอ้างถึงบท JSON Objects สำหรับข้อมูลเพิ่มเติมเกี่ยวกับออบเจ็กต์ JSON