JSON เป็นรูปแบบสำหรับการจัดเก็บและการขนส่งข้อมูล
JSON มักจะใช้เมื่อข้อมูลถูกส่งจากเซิร์ฟเวอร์ไปยังหน้าเว็บ
JSON คืออะไร?
- JSON ยืนสำหรับ JavaScript Object สัญลักษณ์
- JSON เป็นข้อมูลที่มีน้ำหนักเบารูปแบบการแลกเปลี่ยน
- JSON ภาษาอิสระ *
- JSON คือ "ตัวเองอธิบาย" และเข้าใจง่าย
* ไวยากรณ์ JSON มาจาก JavaScript ไวยากรณ์สัญกรณ์วัตถุ แต่รูปแบบ JSON เป็นข้อความเท่านั้น สำหรับการอ่านและการสร้างข้อมูล JSON สามารถเขียนในภาษาเขียนโปรแกรมใด ๆ
ตัวอย่าง JSON
ไวยากรณ์ JSON นี้กำหนดพนักงานวัตถุ: อาร์เรย์ของ 3 ระเบียนพนักงาน (วัตถุ) ที่ใช้งาน:
ตัวอย่าง JSON
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
รูปแบบ JSON ประเมินวัตถุ JavaScript
รูปแบบ JSON เป็นไวยากรณ์เหมือนกับรหัสสำหรับการสร้างวัตถุ JavaScript
เพราะความคล้ายคลึงกันนี้โปรแกรม JavaScript สามารถแปลง JSON ข้อมูลเป็นวัตถุ JavaScript พื้นเมือง
JSON กฎไวยากรณ์
- ข้อมูลที่อยู่ในชื่อ / คู่ค่า
- ข้อมูลจะถูกคั่นด้วยเครื่องหมายจุลภาค
- วงเล็บปีกกาถือวัตถุ
- วงเล็บถืออาร์เรย์
JSON Data - ชื่อและความคุ้มค่า
JSON ข้อมูลเขียนเป็นคู่ชื่อ / ค่าเช่นเดียวกับคุณสมบัติของวัตถุ JavaScript
คู่ชื่อ / ค่าประกอบด้วยชื่อสนาม (ในราคาคู่) ตามด้วยเครื่องหมายตามด้วยค่า:
"firstName":"John"ชื่อ JSON ต้องใช้คำพูดสอง ชื่อ JavaScript ไม่
JSON วัตถุ
วัตถุ JSON จะถูกเขียนอยู่ภายในวงเล็บปีกกา
เช่นเดียวกับใน JavaScript วัตถุสามารถมีคู่ชื่อ / ค่าหลาย
{"firstName":"John", "lastName":"Doe"}
JSON อาร์เรย์
อาร์เรย์ JSON จะถูกเขียนอยู่ภายในวงเล็บ
เช่นเดียวกับใน JavaScript, อาร์เรย์สามารถมีวัตถุ:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]ในตัวอย่างข้างต้นวัตถุ "employees" เป็นอาร์เรย์ มันมีสามวัตถุ
แต่ละวัตถุที่เป็นบันทึกของคน (ที่มีชื่อและนามสกุล)
แปลงข้อความ JSON ไปยังวัตถุ JavaScript
ร่วมกันใช้ JSON คือการอ่านข้อมูลจากเว็บเซิร์ฟเวอร์และแสดงข้อมูลในหน้าเว็บ
สำหรับความเรียบง่ายนี้สามารถแสดงให้เห็นถึงการใช้สตริงเป็น input (หรืออ่านเพิ่มเติมในของเรา กวดวิชา JSON ):
ขั้นแรกให้สร้างสตริง JavaScript ที่มีไวยากรณ์ JSON:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';จากนั้นใช้ JavaScript ในตัวฟังก์ชั่น JSON.parse() การแปลงสตริงเป็นวัตถุ javascript:
var obj = JSON.parse(text);สุดท้ายใช้วัตถุ JavaScript ใหม่ในหน้าเว็บของคุณ:
ตัวอย่าง
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
ลองตัวเอง» คุณสามารถอ่านเพิ่มเติมเกี่ยวกับ JSON ของเราใน การกวดวิชา JSON