JSON คืออะไร?

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

โดยทั่วไปแล้ว JSON จะใช้เพื่อดึงข้อมูลจากเซิร์ฟเวอร์ไปยังฝั่งไคลเอ็นต์ เนื่องจากมีขนาดเล็กและอ่านได้ง่ายโดยมนุษย์และเครื่องจักร ในโลกของการใช้ APIs JSON มีความยืดหยุ่นเพียงพอที่จะดึงเฉพาะข้อมูลที่ต้องการจากเซิร์ฟเวอร์ไปยังผู้ใช้

การใช้ JSON

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

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

ตัวอย่าง JSON

ก่อนอื่น มาดูกันว่าการตอบสนองที่แปลงเป็น JSON อาจมีลักษณะอย่างไร เรากำลังส่งคำขอดึงข้อมูลไปยัง API ซึ่งจะแจ้งจำนวนนักบินอวกาศที่อยู่ในอวกาศตามตัวอย่างด้านล่าง

ดึงข้อมูล('https://api.open-notify.org/astros.json').then(response => response.json()).then(data => console.log(data)) 

 เพื่อจุดประสงค์ของเรา เราจะบันทึกการตอบกลับที่เราแปลงเป็น JSON ในคอนโซลของเรา 
 
 
{ "message":"success", "number":7, "people":[ { "craft":"ISS", "name":"Sergey Ryzhikov" }, { "craft":"ISS" , "name":"Kate Rubins" }, { "craft":"ISS", "name":"Sergey Kud-Sverchkov" }, { "craft":"ISS", "name":"Mike Hopkins" } , { "craft":"ISS", "name":"Victor Glover" }, { "craft":"ISS", "name":"Shannon Walker" }, { "craft":"ISS", "name" ":"โซอิจิ โนกุจิ" } ]}
 

 เราจะเห็นได้ว่าภายในวัตถุนี้เป็นกุญแจของ "ข้อความ" "ตัวเลข" และ "ผู้คน" กุญแจของข้อความชี้ให้เห็นถึงคุณค่าของ "ความสำเร็จ" นี่เป็นข้อความที่ดีที่แจ้งให้เราทราบถึงสถานะคำขอของเรา 
 
 

 ต่อไป ตัวเลขสำคัญของเราชี้ไปที่ค่า 7 นี่คือจำนวนคนทั้งหมดในอวกาศ ในที่สุด เราก็มาถึงคีย์ "คน" ของเรา ค่าของคีย์นี้คืออาร์เรย์ ภายในอาร์เรย์นี้มีอ็อบเจ็กต์ที่มีคีย์ "craft" และ "name" มากขึ้น ค่านิยมของเราที่มีต่อกุญแจเหล่านี้คือชื่อของยานอวกาศและนักบินอวกาศบนเครื่อง 
 
 

 81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้
 

 ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก
 

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

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

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