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