ตัวอย่าง JSON Arrays
โค้ด: เลือกทั้งหมด
{"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]}
โค้ด: เลือกทั้งหมด
<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 ไม่ใช่ programming language แต่เป็นข้อความหรือข้อมูลไว้สำหรับ แลกเปลี่ยนกันหรือติดต่อกับ server ได้ง่าย
ตัวอย่างการใช้งานผ่าน JavaScript
โค้ด: เลือกทั้งหมด
<!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>
ซึ่งแต่ละส่วนจะเก็บในตัวแปร obj.name, obj.street,obj.phone
ผลลัพธ์ ปัจจุบันมี plugin หลายๆ ตัวมาใช้ JSON อยู่บ่อยๆ เพื่อง่ายในการวิเคราะห์ข้อมูลและรวดเร็ว และหวังว่าบทความนี้จะเป็นประโยช์น์ไม่มากก็น้อย
ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ :Jquery & Ajax Knowledge
-การทำรูปภาพให้ซูมได้ด้วย Jquery
-การค้นหาข้อมูลโดยใช้ AJAX PHP