Jan
7
2010
Ajax // The basics of jQuery

Ajax and JSON ตอนที่ 1

Author An article by บริษัท เก้ายอดสตูดิโอ จำกัด    Comments No Comments

ถ้าจะกล่าวถึง 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

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

Tags: , , , , ,

Related Posts

Comments are closed.