20
2009
jquery and php json
เกือบหนึ่งอาทิตย์เต็มๆเลย กว่าจะมีเวลามาเขียน Block สักที มัวแต่วุ่นวายกับงาน Programming Flash ActionScript 3 ที่ทำให้ Seagate กับ SF Cinemacity เหอๆกว่าจะผ่านไปได้ครับเหนื่อยแทบแย่
วันนี้ผมจะเอาความรู้ที่ทำงานมาแนะนำอีกอันครับ สำหรับเพื่อนๆที่ไม่รู้ หรือเพื่อนๆที่รู้ก็แนะนำเพิ่มได้เลยครับ
วันนี้จะมาเสนอเรื่องการใช้ PHP JSON ร่วมกับ jQuery กันครับ
การที่จะใช้ function json_encode นั้น php จะต้องเป็น version 5.2.8 ขึ้นไปนะครับถึงจะรองรับการทำงาน Function นี้
Function json_encode() นั้นจะเป็นการแปลง array ให้ออกมาอยู่ในรูปแบบของ json ครับ ตัวอย่างเช่น
array('name'=>'Root', 'age'=>'27');
ถ้านำ array นี้ไปผ่าน function json_encode ก็จะได้รูปแบบดังต่อไปนี้ครับ
$arr = array('name'=>'Root', 'age'=>'27') ;
echo json_encode( $arr );
// output -> {'name':'Root','age':'27'}
เมื่อรูปแบบที่ออกมาอยู่ในรูปแบบของ json แล้วเราก็สามารถใช้ jquery json เรียกข้อมูลกลับมาแสดงผลได้
ดังตัวอย่างนี้ครับ ผมจะส่งค่า Post ด้วย json ไปให้กับ PHP แล้วให้ PHP ทำการ return ค่ากลับมาให้ครับ
$.post('/testphp.php', '{'name':'Root', 'age':'27'}',
function( data )
{
alert("My name is " + data.name + " and Age is " + data.age );
}
, 'json');
ดังตัวอย่างจะเห็นว่ามีการ call back กลับมาที่ function ของ jQuery.post เราสามารถเอา data ที่ call back นี้กลับมาใช้ประโยชน์ หลายๆอย่างได้แล้วแต่เราจะเอาไปประยุค เช่น การเช็คชื่อ username หรือ password เป็นต้น
Leave a comment
Tags
Facebook Development
Google+ Page
Categories
- HTML5 & CSS3 (8)
- jQuery 1.4 (9)
- jQuery 1.5 (6)
- .data (1)
- jQuery 1.6 (3)
- .data (1)
- jQuery 1.7 (4)
- Events (1)
- jQuery Mobile (3)
- jQuery UI (3)
- Mobile (1)
- News (8)
- Others (28)
- Plugin (15)
- The basics of jQuery (9)
- Tips (13)
- คู่มือการใช้งาน jQuery ฉบับ ภาษา ไทย (30)
- Ajax (4)
- Attributes (1)
- Core (1)
- Deferred (3)
- Effects (7)
- Events (3)
- Manipulation (2)
- Selectors (5)
- Traversing (2)
- Utilities (2)

An article by







