jQuery ajax - phương thức get()

Hướng dẫn tham khảo Ajax jQuery

Mô hình

Sử dụng yêu cầu GET AJAX để thay đổi văn bản của phần tử div:

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

Thử trực tiếp

Định nghĩa và cách sử dụng

Phương thức get() tải thông tin bằng yêu cầu HTTP GET từ xa.

Đây là chức năng yêu cầu GET đơn giản để thay thế cho $.ajax phức tạp. Khi thành công, có thể gọi hàm hồi gọi. Nếu cần thực hiện hàm khi có lỗi, hãy sử dụng $.ajax.

cú pháp

$(selector).get()url,data,success(response,status,xhr),dataType)
Tham số Mô tả
url Bắt buộc. Định nghĩa URL mà yêu cầu sẽ được gửi.
data Tùy chọn. Định nghĩa dữ liệu được gửi lên máy chủ cùng với yêu cầu.
success(response,status,xhr)

Tùy chọn. Định nghĩa hàm chạy khi yêu cầu thành công.

Các tham số bổ sung:

  • response - Chứa dữ liệu kết quả từ yêu cầu
  • status - Chứa trạng thái của yêu cầu
  • xhr - Chứa đối tượng XMLHttpRequest
dataType

Tùy chọn. Định nghĩa loại dữ liệu mà máy chủ dự kiến trả về.

Mặc định, jQuery sẽ tự động xác định.

Các loại có thể:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

Giải thích chi tiết

Hàm này là dạng viết tắt của Ajax, tương đương với:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

Dựa trên các loại MIME khác nhau của phản hồi, dữ liệu trả về được truyền vào hàm回调 success cũng khác nhau, có thể là phần tử gốc XML, chuỗi văn bản, tệp JavaScript hoặc đối tượng JSON. Bạn cũng có thể truyền trạng thái văn bản của phản hồi vào hàm回调 success.

Đối với jQuery 1.4, bạn cũng có thể truyền đối tượng XMLHttpRequest vào hàm回调 success.

Bài mẫu

Yêu cầu trang web test.php, bỏ qua giá trị trả về:

$.get("test.php");

Các ví dụ khác

Ví dụ 1

Yêu cầu trang web test.php, truyền 2 tham số, bỏ qua giá trị trả về:

$.get("test.php", { name: "Bill", time: "2pm" } );

Ví dụ 2

Hiển thị giá trị trả về của test.php (HTML hoặc XML, tùy thuộc vào giá trị trả về):

$.get("test.php", function(data){
  alert("Data Loaded: " + data);
});

Ví dụ 3

Hiển thị giá trị trả về của test.cgi (HTML hoặc XML, tùy thuộc vào giá trị trả về), thêm một nhóm tham số yêu cầu:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  });

Hướng dẫn tham khảo Ajax jQuery