JQuery: Ajax and JSON ตอนที่ 1

ถ้าจะกล่าวถึง jQuery + Ajax แล้วละก็ที่ขาดไม่ได้เลยก็คือ JSON เพราะสามารถนำมาใช้งานได้สะดวกและง่าย เพราะข้อมูลที่เป็นรูปแบบ JSON นั้น Ajax สามารถที่จะเรียกข้อมูลนั้นๆออกมาเป็น Object ได้

JSON คืออะไร json นั้นย่อมาจากคำว่า ” JavaScript Object Notation ” จริงๆแล้วข้อมูลที่อยู่ในรูปแบบของ JSON นั้นก็คือ Text ธรรมดาๆครับ เพียงแต่ถูกจัดเรียงให้อยู่ในรูปแบบของ Object Array ถ้าอธิบายวิชาการไปเรื่อยๆนี่สงสัยจะงงกันแน่ๆ มาดูตัวอย่าง รูปแบบของ JSON เลยละกัน

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

{
  "firstName": "John",
  "lastName": "Smith",
  "address": {
  "streetAddress": "21 2nd Street",
  "city": "New York",
  "state": "NY",
  "postalCode": 10021
  },
  "phoneNumbers": [
  { "type": "home", "number": "212 555-1234" },
  { "type": "fax", "number": "646 555-4567" }
  ],
  "newSubscription": false,
  "companyName": null
}

ข้อมูลของ JSON นั้นจะถูกห่อหุ้มด้วยเครื่องหมายปีกา { } ดูๆแล้วมันก็เหมือนกับการจับข้อมูลใส่ใน Array ของ PHP นั้นเอง แต่การเรียกใช้งานนั้น AJAX สามารถเรียก json แบบนี้ได้เลย เมื่อ Return ค่ากลับมาในรูปแบบของ JSON

1 2	jsonData.firstName; jsonData.Smith;

ชนิดของ JSON แบบ Basic มีดังนี้ครับ

- Number
- String
- Boolean (true and false)
- Array
- Object
- null

วันนี้ก็เอาไว้แค่นี้ก่อนแล้วกันครับเดี๋ยวมาต่อในตอนที่สองอีกทีครับ

JQuery

วันศุกร์ที่ 14 ตุลาคม พ.ศ. 2554

Ajax and JSON ตอนที่ 1

ไม่มีความคิดเห็น:

แสดงความคิดเห็น