JSON

JSON : JavaScript Object Notation เป็นรูปแบบของการแลกเปลี่ยนข้อมูลที่ไม่ขึ้นกับภาษาใด เน้นการพูดถึงตนเอง และเข้าถึงได้ง่าย โดย JSON สามารถอ่านและสร้างขึ้นได้จากหลายภาษาโปรแกรม (Programming language) 

JSON Data

โดยปกติแล้วข้อมูลที่อยู่ในรูปแบบของ JSON นั้นจะประกอบไปด้วยชื่อ และ ค่า โดยถูกจัดเก็บไว้ในเครื่องหมายคำพูด และหากข้อมูลมีหลายชื่อจะถูกคั่นด้วยเครื่องหมายจุลภาค ตัวอย่างเช่น 

"fullname" : "Pawin Khenphukhiaw" , "gender" : "male"

 

JSON Objects

ต่อมาคือรูปแบบข้อมูล JSON ที่เป็นวัตถุจะอยู่ภายในเครื่องหมาย วงเล็บปีกกา ตัวอย่างเช่น

{"fullname" : "Pawin Khenphukhiaw", "gender" : "male"}

 

JSON Arrays

ข้อมูลที่อยู่ในรูปแบบของ JSON Array นั้นจะถูกเขียนไว้ภายในวงเล็บเหลี่ยม ตัวอย่างเช่น

"people" : [

{"fullname" : "Aname Alastname" , "gender" : "male"} ,

{"fullname" : "Bname Blastname" , "gender" : "male"} , 

];

จากตัวอย่างด้านบน ภายในอาเรย์ people นั้นมีการจัดเก็บวัตถุไว้ด้วยกัน 2 ชุด ซึ่งแต่ละชุดประกอบไปด้วย fullname และ gender

 

การแปลง JSON เป็น Object ของจาวาสคริปต์

<html>
  <body>
  <p id="demo"></p>

  <script>
  var text = '{"people" : [{"fullname" : "Aname Alastname" , "gender" : "male"} ,{"fullname" : "Bname Blastname" , "gender" : "male"}]}';

  obj = JSON.parse(text);
  document.getElementById("demo").innerHTML =
  "Fullname : " +
  obj.people[0]['fullname'] + "<br>Gender : " + obj.people[0]['gender'];
  </script>

  </body>
</html>

 

  • JSON.parse() คือการแปลงสตริง (String) เป็นวัตถุ (object)

 

 

 

 

 

หากคุณพบคำที่สะกดผิด เว้นวรรคไม่ถูกต้อง ฯ โปรดแจ้งให้เราทราบ โดยลากคลุม (highlight) ข้อความนั้น แล้วกด Ctrl + Enter

ไม่สามารถคัดลอกเนื้อหานี้

Spelling error report

The following text will be sent to our editors: