JavaScript JSON
JSON เป็นรูปแบบการจัดเก็บและการส่งข้อมูล
JSON โดยปกติจะใช้เพื่อส่งผ่านข้อมูลไปยังเว็บเซิร์ฟเวอร์
JSON คืออะไร?
- JSONภาษาอังกฤษชื่อเจAva S cript O bject N otation
- JSON เป็นเบารูปแบบการแลกเปลี่ยนข้อมูล
- JSON ภาษาอิสระ*
- JSON ง่ายต่อการเข้าใจ
* JSON ใช้ JavaScript แต่ JSON เป็นรูปแบบข้อความเท่านั้น ข้อความที่สามารถอ่านได้ในการเขียนโปรแกรมภาษาใด ๆ และเป็นรูปแบบการถ่ายโอนข้อมูล |
ตัวอย่าง JSON
ต่อไปนี้พนักงาน JSON ไวยากรณ์วัตถุที่กำหนด: อาร์เรย์ของระเบียน (วัตถุ) ในสามของพนักงาน
ตัวอย่าง JSON
{ "FirstName": "จอห์น", "นามสกุล": "กวาง"},
{ "FirstName": "แอนนา", "นามสกุล": "สมิ ธ "},
{ "FirstName": "ปีเตอร์", "นามสกุล": "โจนส์"}
]}
หลังจาก JSON จัดรูปแบบเป็นวัตถุ JavaScript
รูปแบบ JSON เป็น syntactically สร้างรหัสวัตถุ JavaScript เป็นเดียวกัน
เนื่องจากพวกเขามีความคล้ายคลึงโปรแกรมจาวาสคริปต์สามารถเป็น JSON ข้อมูลเป็นวัตถุ JavaScript
กฎไวยากรณ์ JSON
- ข้อมูลสำหรับคีย์ / คู่ค่า
- ข้อมูลที่คั่นด้วยเครื่องหมายจุลภาค
- บันทึกการจัดฟันวัตถุ
- บันทึกวงเล็บอาร์เรย์
JSON ข้อมูล - ชื่อที่สอดคล้องกับความคุ้มค่า
รูปแบบข้อมูล JSON สำหรับคู่คีย์ / ค่าเช่นคุณสมบัติของวัตถุ JavaScript
คู่คีย์ / ค่า ได้แก่ ชื่อฟิลด์ (ในราคาคู่) ตามด้วยเครื่องหมายแล้วค่าเป็น:
วัตถุ JSON
JSON วัตถุถูกเก็บไว้ในวงเล็บ
ในฐานะที่เป็นใน JavaScript วัตถุที่สามารถถือคีย์ / คู่ค่ามากขึ้น:
อาร์เรย์ JSON
JSON อาร์เรย์ถือในวงเล็บ
ในฐานะที่เป็น JavaScript, อาร์เรย์สามารถมีวัตถุ:
{ "FirstName": "จอห์น", "นามสกุล": "กวาง"},
{ "FirstName": "แอนนา", "นามสกุล": "สมิ ธ "},
{ "FirstName": "ปีเตอร์", "นามสกุล": "โจนส์"}
]
ในตัวอย่างข้างต้นวัตถุ "พนักงาน" เป็นอาร์เรย์ มันมีสามวัตถุ
แต่ละวัตถุที่มีการบันทึกสำหรับพนักงาน (ชื่อและนามสกุล)
สตริง JSON จะถูกแปลงเป็นวัตถุ JavaScript
เรามักจะอ่านข้อมูลจากเซิร์ฟเวอร์ JSON และแสดงข้อมูลในหน้าเว็บ
สำหรับความเรียบง่ายที่เราตั้งค่าหน้าเว็บโดยตรง JSON สตริง (คุณยังสามารถอ่าน กวดวิชา JSON ):
ขั้นแรกให้สร้างสตริง JavaScript, ข้อมูลสตริงตัวละครในรูปแบบ JSON ?:
'{ "FirstName": "จอห์น", "นามสกุล": "กวาง"}, "+
'{ "FirstName": "แอนนา", "นามสกุล": "สมิ ธ "}, "+
'{ "FirstName": "ปีเตอร์", "นามสกุล": "โจนส์"}]}';
จากนั้นใช้ในตัวฟังก์ชัน JavaScript JSON.parse () เพื่อแปลงสตริงเพื่อวัตถุ javascript:
สุดท้ายใช้วัตถุ JavaScript ใหม่ในหน้าเว็บของคุณ:
ตัวอย่าง
<script>
document.getElementById ( "สาธิต"). innerHTML =
obj.employees [1] .firstName + "" + obj.employees [1] .lastName;
</ script>
ลอง»
ฟังก์ชั่นที่เกี่ยวข้อง
ฟังก์ชัน | ลักษณะ |
---|---|
JSON.parse () | สำหรับสตริง JSON เป็นวัตถุ JavaScript |
JSON.stringify () | JavaScript จะใช้ในการแปลงค่าเป็นสตริง JSON |
JSON ข้อมูลเพิ่มเติมคุณสามารถอ่าน กวดวิชา JSON