post() และ get() คือ คำสั่งของ jQuery มีไว้สำหรับการสร้างการสื่อสารระหว่างเครื่อง Client และเครื่อง Server ในรูปแบบของ AJAX (Asynchronous JavaScript and XML) ซึ่งทั้ง 2 คำสั่งมีความแตกต่างในเรื่องของการสื่อสาร คือ เป็นแบบ POST และแบบ GET
ภาพรวมของ post() และ get()
1. คำสั่ง post() คือ การสื่อสารแบบ POST
2. คำสั่ง get() คือ การสื่อสารแบบ GET
3. คำสั่ง post() จะเหมาะกับสารสื่อสารแบบต้องการความปลอดภัย และส่งข้อมูลในปริมาณมาก
4. คำสั่ง get() จะเหมาะกับการสื่อสารที่ต้องการส่งข้อมูลแบบ Query String และมีอัตราการส่งข้อมูลน้อยกว่าแบบ post()
ตัวอย่างโปรแกรมแบบ post()
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>amplysoft.com</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<div id='result'></div>
<script type="text/javascript">
$(document).ready(function(){
var url = "date.php";
$.post(url, function(data){
$('#result').html( data );
});
});
</script>
</body>
</html>
ตัวอย่างโปรแกรมแบบ get()
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>amplysoft.com</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<div id='result'></div>
<script type="text/javascript">
$(document).ready(function(){
var url = "date.php";
$.get(url, function(data){
$('#result').html( data );
});
});
</script>
</body>
</html>
ตัวอย่างโปรแกรมฝั่งประมวลผล
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>amplysoft.com</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<?
echo "<b>Current Date and Time from Server :</b> ".date("Y-m-d / H:i:s");
?>
</body>
</html>
ผลลัพธ์
