Latest web development tutorials

แนะนำ JSON

ตัวอย่างออนไลน์

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

ตัวอย่าง JSON

<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>

<p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>

<script>
var JSONObject= {
"name":"John Johnson",
"street":"Oslo West 555",
"age":33,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script>

</body>
</html>


ลอง»
คลิกที่ปุ่ม "ลอง" เพื่อดูตัวอย่างออนไลน์


ในการร่วมกันกับ XML

  • JSON เป็นข้อความ
  • JSON "อธิบายตนเอง" (คนอ่าน)
  • JSON ที่มีโครงสร้างแบบลำดับชั้น (มูลค่าที่คุ้มค่าที่มีอยู่)
  • JSON สามารถแยกวิเคราะห์โดยใช้ JavaScript
  • JSON ข้อมูลสามารถส่งใช้ AJAX

และ XML ที่แตกต่าง

  • แท็กสิ้นสุดไม่มี
  • สั้น
  • อ่านได้เร็วขึ้น
  • คุณสามารถใช้ในตัว EVAL JavaScript () วิธีการที่จะแยก
  • ใช้อาร์เรย์
  • อย่าใช้คำสงวน

ทำไมต้องใช้ JSON?

สำหรับการใช้งาน AJAX, JSON กว่า XML ได้เร็วขึ้นและง่ายต่อการใช้:

ใช้ XML

  • อ่านเอกสาร XML
  • ใช้ DOM XML เพื่อสำรวจการไหลเวียนของเอกสาร
  • และอ่านค่าที่เก็บไว้ในตัวแปร

การใช้ JSON

  • อ่านสตริง JSON
  • ใช้ EVAL () การประมวลผลสตริง JSON