Skip to main content
0

เกริ่นนำ

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

JSON คืออะไร

JSON หรือ Java Script Object Notation เป็นตัวช่วยให้เราสามารถแลกเปลี่ยนข้อมูลกันระหว่างผู้รับ(server) และผู้ส่ง (client) ได้ หรือจะเรียกอีกอย่างว่าภาษาที่เครื่องจะสามารถเข้าใจกันเมื่อเครื่องต้องการส่งข้อมูลไปมาระหว่างกันนั่นเองครับ

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

JSON หรือเรียกอีกแบบว่า JSON String เป็นรูปแบบของ Text base ทำไห้มนุษย์อย่างเราสามารถอ่านและเข้าใจได้ง่าย ซึ่ง Syntax ของ JSON นั้นไม่ได้มีอะไรซับซ้อนเลยครับ โดยเราจะแบ่งเป็น 2 อย่างด้วยกัน คือ

  • Key
  • Value

key จะทำหน้าที่เปรียบเสมือนตัวแปร ส่วน value นั้นจะทำหน้าที่เก็บค่าของตัวแปรเรานั่นเอง ยกตัวอย่างเช่น เราต้องการเก็บชื่อผู้ใช้ (user) เราก็อาจจะเก็บได้ดังต่อไปนี้ครับ

 {
     "name": 'ฟลุ๊ค',
     "age": 12,
     "phone": null
} 

เราลองสังเกตุว่า key ใน JSON นั้นจำเป็นที่จะต้องใส่ Double Quote จึงเป็นที่มาของการเรียกว่า JSON String นั่นเองครับ แต่ ๆๆๆ หากเราสร้างเพียงเท่านี้แล้วโยนไปให้คอมพิวเตอร์อ่านเลย ตัว server เองอาจจะยังไม่เข้าใจในสิ่งที่เราเขียนนะครับ หากเราจะนำ JSON ไปใช้ร่วมกับภาษาอื่น เราจำเป็นที่จะต้องแปลงอะไรบางอย่างเล็กน้อย เพื่อให้โค้ดสามารถ compile ได้ครับ

การใช้งาน JSON ร่วมกับภาษา JavaScript

ปกติเเล้วใน JavaScript จะมีการเขียนในรูปแบบนึงที่ชื่อว่า JavaScript Object ซึ่งเป็นการสร้างตัวแปรเพื่อให้สามารถเก็บค่าได้หลายค่า โดยเขียนอยู่ในรูปของคู่ property: value โดยหากเราลองจินตนาการว่า JavaScript Object เป็นเสมือนกล่อง ๆ นึง เราก็แค่นำข้อมูล user ที่เราสร้างไว้ในรูปแบบ JSON โยนเอาไปเก็บไว้ในกล่อง JavaScript Object โดยใช้ฟังก์ชัน JSON.parse() ในการแปลงนิดหน่อยแค่นั้นเลยครับ

มา เราลองมาดูตัวอย่างกันครับ

let user = `{
     "name": 'ฟลุ๊ค',
     "age": 12,
     "phone": null
}` 
let myObj = JSON.parse(user)
console.log(myObj)

เพียงเท่านี้เราก็จะสามารถทำให้ Server และ Client ส่งข้อมูลหากันได้แล้วล่ะครับ โดยหน้าตาของ Object ที่เราสร้างก็จะเป็นประมาณนี้

{name: 'ฟลุ๊ค', age: 12, phone: null}

สรุป

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

Chatree Nernplub

Author Chatree Nernplub

Computer Engineering student

More posts by Chatree Nernplub
Close Menu

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • คุกกี้ที่จำเป็น
    เปิดใช้งานตลอด

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

  • คุกกี้สำหรับการติดตามทางการตลาด

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

บันทึกการตั้งค่า