Người Viết : ViKiMi Editor

Cách sử dụng jQuery AJAX phương thức $.post(), cho phép yêu cầu xử lý dữ liệu SERVER!
Sử dụng jQuery AJAX để lấy dữ liệu từ máy chủ / SERVER với thông tin dữ liệu yêu cầu được gửi đi, điều này dễ dàng thực hiện với phương thức $.post(). Phương thức $.post() yêu cầu dữ liệu từ máy chủ / SERVER sử dụng yêu cầu HTTP POST. Với phương thức này, máy chủ / SERVER có thể nhận được các dữ liệu yêu cầu xử lý và trả về dữ liệu đúng theo yêu cầu.
JQuery AJAX thực sự tốt khi muốn thực hiện yêu cầu dữ liệu từ máy chủ / Server. Bằng cách này cho phép bạn có thể có nhiều hình thức xử lý, Có thể yêu dữ liệu dựa vào những bối cảnh kịch bản thay đổi trên giao diện trình duyệt browser của người khách truy cập. Nó giúp bạn tăng khả năng xử lý với nhiều Phương tiện Media từ phía người khách truy cập, từ đó sẽ có những giao diện phù hợp …
1 ) Phương thức $.post() có Cú Pháp :
$.post( URL, data, callback );
a ) Các tham số được sử dụng :
+ URL ( bắt buộc ) : Được dùng để chỉ định URL mà bạn muốn yêu cầu xử lý
+ Data ( tuỳ chọn ) : Được dùng chỉ định dữ liệu gửi theo yêu cầu tới máy chủ / SERVER. Đây là những dữ liệu mà Máy Chủ sẽ sử dụng để lọc các thông tin phù hợp. Tất nhiên các xử lý tại máy chủ là bạn thực hiện Coding hoặc các Plugin do bạn cài đặt cho phép xử lý dữ liệu.
+ Callback ( tuỳ chọn ) : Đây tên của Callback Function sẽ được thực thi sau khi yêu cầu của bạn tới Máy chủ được xử lý thành công. Chú ý là Callback Function chỉ thực thi khi yêu cầu của bạn thành công, do đó đảm bảo tính nhất quán của dữ liệu.
b ) Nhận xét :
Đây là một Phương thức rất đáng để sử dụng, một phương khá đơn giản và hữu ích, cho phép khả năng xử lý cao. Và khi bạn lập trình một Website mà không có jQuery AJAX thực sự giống như bạn đã khiến Website của bạn chỉ giới hạn ở 75% khả năng mà nó đáng có.
2 ) EXAMPLE :
Ví dụ xử lý điển hình với phương thức $.post()
Để hiểu rõ cách sử dụng phương thức $.post() chúng ta sẽ xem một ví dụ điển hỉnh & đơn giản nhất sau đây.
Mã HTML :
<html>
<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“button”).click(function(){
$.post(“poster.php”,{
name: “PinPong”,
color: “Pink”
},function(data, status){
$(“#div1”).html(“Data: ” + data);
$(“#div1”).append(“Status : ” + status);
});
});
});
</script>
</head>
<body>
<div id=”div1″></div>
<button> Gửi yêu cầu tới SERVER </button>
</body>
</html>
Mã poster.php :
<?php
/** Những Xử Lý PHP Của Bạn **/
Echo “Your Name : ” . $_POST[‘name’];
Echo “Your Color : ” . $_POST[‘color’];
?>
Giải Thích :
Tại phần Code của jQuery AJAX chúng ta sử dụng method $.post() với những tham số :
+ URL : poster.php
Ở đây, chúng ta đang thực hiện chỉ định vị trí file poster.php tại thư mục chia sẻ hiện tại. Ví dụ với WordPress thì bạn có thể để poster.php tại public html. Như vậy nên đường dẫn chỉ cần chứa File bạn muốn thực hiện xử lý. Nếu bạn có file tại những Folder khác thì có thể chỉ trực tiếp cho đúng là được.
+ Data : Dữ liệu gửi tới máy chủ / SERVER yêu cầu xử lý
Name : PinPong
Color : Pink
Đây là những dữ liệu được gửi theo yêu cầu & Server sẽ thực thiện xử lý dựa vào dữ liệu này. Đây là một tham số tuỳ chọn.
+ Callback : được sử dụng để thao tác với các dữ liệu được máy chủ gửi về.
Với data là dữ liệu mà Máy Chủ / SERVER gửi về & status là trạng thái gửi về là thành công (success) hay có lỗi (error).
+ Nếu việc thực hiện yêu tới Máy Chủ / SERVER là thành công thì sẽ hiển thị dữ liệu mà SERVER trả về tại thẻ DIV có mã id = “div1”. Như vậy, thông tin sẽ được gửi về phía giao diện người sử dụng một cách tốt nhất.
Thông tin hiển thị tại giao diện người dùng ( thẻ div có id = “div1” ):
Your Name : PinPong
Your Color : Pink
Đây là cách thao tác giữa Client và Server sủ dụng jQuery AJAX khá là tốt, thành công. Phía Server đang sử dụng ngôn ngữ lập trình PHP
3 ) Nếu bạn sử dụng ASP
Nếu bạn sử dụng ngôn ngữ ASP tại Máy Chủ / SERVER thì sẽ có Mã Lập trình poster.asp tương ứng như sau :
<%
dim fname,city
fname = Request.Form(“name”)
color = Request.Form(“color”)
Response.Write(“Your Name ” & fname & “. “)
Response.Write(“Your Color ” & color & “. “)
%>