AJax là gì? Ví dụ minh họa sử dụng html, jquery và PHP - Học làm | Học để làm

AJax là gì

AJAX là một kỹ thuật để tạo các trang web tải nội dung nhanh và động.

AJAX cho phép các trang web được cập nhật không đồng bộ bằng cách trao đổi một lượng nhỏ nội dung với máy chủ phía sau hay tiếng anh gọi là server. Nghĩa là có thể cập nhật các phần dữ liệu của trang web mà không cần tải lại toàn bộ trang.

Các trang web cổ điển, (không sử dụng AJAX) phải tải lại toàn bộ trang nếu nội dung thay đổi.

Các ứng dụng sử dụng AJAX: Gmail, Google Maps, Youtube và các tab Facebook…

AJAX dựa trên các tiêu chuẩn internet và sử dụng kết hợp:

Đối tượng XMLHttpRequest (để trao đổi dữ liệu không đồng bộ với máy chủ)
JavaScript / DOM (để hiển thị / tương tác với thông tin)
CSS (để tạo kiểu dữ liệu)
XML (thường được sử dụng làm định dạng để truyền dữ liệu)
Các ứng dụng AJAX độc lập với trình duyệt và nền tảng!

Ví dụ Ajax sử dụng Jquery và PHP

Html

<form id="foo">
    <label for="bar">A bar</label>
    <input id="bar" name="bar" type="text" value="" />
    <input type="submit" value="Send" />
</form>

<!-- The result of the search will be rendered inside this div -->
<div id="result"></div>

</form>

Jquery

var values = "Hello this one";
$.ajax({
        url: "test.php",
        type: "post",
        data: values ,
        success: function (response) {

           // You will get response from your PHP page (what you echo or print)
        },
        error: function(jqXHR, textStatus, errorThrown) {
           console.log(textStatus, errorThrown);
        }
    });

var values = "Hello this one";

$.ajax({

url: "test.php",

type: "post",

data: values ,

success: function (response) {

// You will get response from your PHP page (what you echo or print)

error: function(jqXHR, textStatus, errorThrown) {

console.log(textStatus, errorThrown);

}

});

PHP

test.php

print_r($_POST);

1	print_r($_POST);