DESIGN WEB: Ajax trong JQuery (P3) - Sử dụng $.post( ) để gửi dữ liện đến Server

Hàm load() thì hữu ích cho việc lấy dữ liệu từ quá trình Ajax đưa vào trong các phần tử. Nó sử dụng phương thức GET để giao tiếp với máy chủ, trừ khi bạn ép nó chuyển dữ liệu vào bằng phương thức POST

Bạn có thể muốn kiểm soát nhiều hơn khi phương thức POST hoặc GET được sử dụng, và bạn có thể muốn lấy bằng tay dữ liệu được tải về thoát khỏi sự tải về không cần thiết. Để làm điều này, jQuery cung cấp 2 phương thức $.get và $.post. Các chức năng này cho phép bạn giao tiếp với máy chủ sử dụng phương thức POST và GET. Và chúng cho phép bạn truy cập mà không tự động nạp nó vào phần tử nào hết

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="js/jquery-1.4.js" type="text/javascript"></script>
<script>
    $(document).ready(function(  ){
       $.post("poster.php", {data: 1},
       function(data){
         $("div").text(data);
       }); 
     });
</script>
</head>

<body>
    <h1>Using the jQuery $.post(  ) function</h1>
    Got this from the server: <div></div>
</body>
</html>

Tập tin poster.php

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<?php
if ($_POST["data"] == "1") {
 echo 'You sent the server a value of 1';
}

if ($_POST["data"] == "2") {
 echo 'You sent the server a value of 2';
}
?>

</body>
</html>

(Nguồn: ZendVN group - www.zend.vn)