8/07/2557

ข้อมูล JSON กับ javascript

json  คือโครงสร้างข้อมูลประเภทหนึ่งซึ่งนิยมใช้กับการ "เขียนโปรแกรม"  ภาษา javascript  โดยมีรูปแบบโครงสรา้งดังนี้

var ชื่อตัวแปร [
                               { ชื่อข้อมูล:"ค่าที่เก็บ",ชื่อข้อมูล:"ค่าที่เก็บ", ... },//ข้อมูลชุดที่ 0
                               { ชื่อข้อมูล:"ค่าที่เก็บ",ชื่อข้อมูล:"ค่าที่เก็บ", ... },//ข้อมูลชุดที่ 1
                                ....
                                ....
                           ];

ในการเข้าถึงเพื่ออ่านค่า หรือกำหดค่าให้กับ json เราสามารถทำได้โดย ใช้คำสั่ง

ชื่อตัวแปร[ชุดข้อมูล].ชื่อข้อมูล ="xxxx";

ตัวอย่าง 
<script>

var json=[
                          {id:"1",name:"a"},
                          {id:"2",name:"b"},
                          {id:"3",name:"c"}
                     ]; //สร้างข้อมูล json
var htm="";

for(var i=0;i<json.length;i++)//วน loop 3 ครั้ง เท่าจำนวนชุดข้อมูลใน json
{
htm+=json[i].id+" "+json[i].name;//อ่านค่าจากตัวแปร json ในแต่ละ id และ name
htm+="<br />";
}
document.write(htm);//พิมพ์ค่าตัวแปร htm

</script>

ผลลัพธ์ของโปรแกรมคือ

1 a
2 b
3 c