Thực hiện HTTP Request với jQuery

Submitted by thehong on Sun, 08/26/2007 - 06:31

Drupal có hỗ trợ người dùng thực hiện các HTTP Request ở cấp độ server. Sử dụng jQuery (được bao gồm trong Drupal 5), chúng ta cũng có thể thực hiện được các HTTP Request, nhưng ở cấp độ client.

Thực hiện một GET Request

- Thí dụ 1, request đơn giản không tham số đến http://mywebsite.com/?q=my/module/function. Khi dữ liệu đã được lấy về, xuất hiện hộp thông báo nội dung đã lấy về.

<?php
<script>
<!--
$(function(){
  $.get('?q=my/module/function',function(data){
    alert(data);
  })
});
-->
</script>
?>

- Thí dụ 2, mở rộng của thí dụ 1, truyền 2 tham số 'author' và 'age' đến http://mywebsite.com/?q=my/module/function.

<?php
<script>
<!--
$(function(){
  $.get('?q=my/module/function', {'author':'Thế Hồng', 'age':'23'}, function(data){
    alert(data);
  })
});
-->
</script>
?>

Thực hiện một POST Request

Tương tự như thực hiện GET Request, thay thế hàm $.get thành $.post.

Chú ý, các HTTP Request này dựa trên thư viện XMLHttpRequest của Javascript, cho nên các Request chỉ có thể gọi đến các trang thuộc cùng website -- tránh tình trạng lợi dụng chức năng này để thực hiện tấn công (flood) các website khác.

Có thể kết hợp HTTP Request ở cấp client với cấp server để có thể thực hiện các HTTP Request cross website.

:-)

Thế Hồng