JSONเกี่ยวกับการสอน

JSON: JavaScript Object สัญลักษณ์

JSON เป็นไวยากรณ์สำหรับการจัดเก็บและการแลกเปลี่ยนข้อมูล

JSON เป็นทางเลือกที่ง่ายต่อการใช้งานเพื่อ XML

ต่อไปนี้เป็นตัวอย่างที่กำหนด JSON พนักงานวัตถุกับอาร์เรย์ของ 3 ระเบียนพนักงาน:

ตัวอย่าง JSON

{"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}

ตัวอย่าง XML ต่อไปนอกจากนี้ยังกำหนดให้พนักงานวัตถุมี 3 ระเบียนพนักงาน:

ตัวอย่าง XML

<employees>
    <employee>
      <firstName>John</firstName> <lastName>Doe</lastName>
    </employee>
    <employee>
      <firstName>Anna</firstName> <lastName>Smith</lastName>
    </employee>
    <employee>
      <firstName>Peter</firstName> <lastName>Jones</lastName>
    </employee>
</employees>

JSON คืออะไร?

JSON ยืนสำหรับ JavaScript Object สัญลักษณ์
JSON เป็นเบารูปแบบข้อมูลแลกเปลี่ยน
JSON ภาษาอิสระ *
JSON คือ "ตัวเองอธิบาย" และเข้าใจง่าย

* JSON ใช้ไวยากรณ์ JavaScript แต่รูปแบบ JSON เป็นข้อความเท่านั้นเช่นเดียวกับ XML
ข้อความที่สามารถอ่านและนำมาใช้เป็นรูปแบบข้อมูลโดยการเขียนโปรแกรมภาษาใด

JSON - ประเมินวัตถุ JavaScript

รูปแบบ JSON เป็นไวยากรณ์เหมือนกับรหัสสำหรับการสร้างวัตถุ JavaScript

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

ลองตัวเอง

ด้วยการแก้ไขของเราคุณสามารถแก้ไขโค้ด JavaScript ออนไลน์และคลิกที่ปุ่มเพื่อดูผลที่ได้:

ตัวอย่าง JSON

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

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

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>

ลองตัวเอง»

เหมือน XML เพราะ

ทั้ง JSON และ XML เป็น "ตัวเองอธิบาย" (คนอ่าน)
ทั้ง JSON และ XML เป็นลำดับชั้น (ค่าภายในค่า)
ทั้ง JSON และ XML สามารถแยกวิเคราะห์และใช้จำนวนมากของการเขียนโปรแกรมภาษา
ทั้ง JSON และ XML สามารถเรียกกับ XMLHttpRequest

ซึ่งแตกต่างจาก XML มากเพราะ

JSON ไม่ได้ใช้แท็กสิ้นสุด
JSON สั้น
JSON เป็นรวดเร็วในการอ่านและเขียน
JSON สามารถใช้อาร์เรย์

ความแตกต่างที่ใหญ่ที่สุดคือ:

XML จะต้องมีการแยกวิเคราะห์ด้วยการแยกวิเคราะห์ XML JSON สามารถแยกวิเคราะห์โดยฟังก์ชัน JavaScript มาตรฐาน

ทำไม JSON?

สำหรับการใช้งาน AJAX, JSON เป็นเร็วและง่ายกว่า XML:

โดยใช้ XML

Fetch เอกสาร XML
ใช้ DOM XML เพื่อห่วงผ่านเอกสาร
ค่าสารสกัดและเก็บในตัวแปร

การใช้ JSON

เรียกสตริง JSON
JSON.parse สตริง JSON

❮ w3ii บ้าน บทต่อไป❯