ล่าสุดการพัฒนาเว็บบทเรียน
 

JSON - บทนำ


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