อย่างที่ทราบกันครับว่าการส่ง-รับค่าแบบ AJAX นั้นสามารถส่งได้ 2 แบบ คือแบบ POST และ GET ซึ่งก้อเหมือนเราส่งค่าผ่าน HTML Form ธรรมดาทั่วไปนั้นเอง และ jQuery ก้อมีฟั่งชั่นรองรับที่ง่ายแสนง่าย ให้พวกเราใช้งานอยู่แล้วครับเรามาเริ่มกันเลยครับ
การส่ง-รับค่าแบบ POST
แบบที่ 1 (ไม่มีการส่งค่า Parameter)

$.post("ชื่อไฟล์ที่ต้องการดึงข้อมูล", function(data){
//คำสั่ง
});

ตัวอย่าง JavaScript ในไฟล์ test.html

$(document).ready(function(){ //เริ่มทำงานเมื่อโหลดเพจเสร็จ
$.post("test.php", function(data){ //data จะเก็บค่าที่ return กลับมา
alert("Data is "+data); //แสดงข้อความใน Alert box
});
});

โค๊ดในไฟล์ test.php

echo 'Hi, AJAX'; //return คำว่า "Hi, AJAX"

ผลที่ได้คือ

แบบที่ 2 (มีการส่งค่า Parameter)

$.post("ชื่อไฟล์ที่ต้องการดึงข้อมูล", [JSON],  function(data){
//คำสั่ง
});

ตัวอย่าง JavaScript ในไฟล์ test2.html

$(document).ready(function(){ //เริ่มทำงานเมื่อโหลดเพจเสร็จ
$.post("test2.php",{fname: "ทดสอบ", lname: "นอนสบาย"}, function(data){ //มีการการส่งค่า fname และ lname ไปด้วย
alert("Data is "+data); //แสดงข้อความใน Alert box
});
});

โค๊ดในไฟล์ test2.php

$fname = $_POST["fname"]; // รับค่าแบบ POST
$lname = $_POST["lname"];
echo “Hi, {$fname} {$lanme}”; //return ค่าที่รับมาแบบ POST

ผลที่ได้คือ

การส่ง-รับค่าแบบ GET
สำหรับการส่งแบบ GET นั้นสามารถทดสอบได้ด้วยโค๊ดเดียวกัน เพียงแต่เปลี่ยนจากฟังก์ชั่น $.pos() เป็น $.get() และเปลี่ยนการรับข้อมูลในไฟล์ PHP จาก $_POST เป็น $_GET