Hàm jQuery AJAX
jQuery có thư viện hàm (phương pháp) phong phú cho việc phát triển AJAX.
Ví dụ jQuery AJAX
Nhấn nút dưới đây để thay đổi đoạn văn bản này bằng cách sử dụng AJAX
Ví dụ trên được trích từ Hướng dẫn AJAXnhưng đã được修改 bằng jQuery.
AJAX là gì?
AJAX = Asynchronous JavaScript and XML.
AJAX là công nghệ tạo ra trang web động nhanh.
AJAX cho phép trang web được cập nhật theo cách đồng bộ bằng cách trao đổi một lượng nhỏ dữ liệu với máy chủ ở phía sau. Điều này có nghĩa là có thể cập nhật một phần của trang web mà không cần tải lại toàn bộ trang.
Bạn có thể trong Hướng dẫn AJAX để học thêm về AJAX.
AJAX và jQuery
jQuery cung cấp thư viện hàm (phương pháp) phong phú cho việc phát triển AJAX.
Sử dụng jQuery AJAX, bạn có thể yêu cầu TXT, HTML, XML hoặc JSON từ máy chủ từ xa bằng HTTP Get và HTTP Post.
Và bạn có thể trực tiếp tải dữ liệu từ xa vào phần tử HTML được chọn trên trang web của bạn!
Viết ít hơn, làm nhiều hơn
Hàm load của jQuery là một hàm AJAX đơn giản (nhưng rất mạnh mẽ). Cú pháp của nó như sau:
$(selector).load(url,data,callback)
Vui lòng sử dụng selector ) để định nghĩa phần tử HTML cần thay đổi, sử dụng url tham số) để chỉ định địa chỉ web của dữ liệu.
Chỉ khi bạn muốn gửi dữ liệu lên máy chủ, bạn mới cần sử dụng data tham số. Chỉ khi bạn cần kích hoạt một hàm sau khi thực thi hoàn tất, bạn mới cần sử dụng callback tham số.
Cấp thấp AJAX
$.ajax(options) là cú pháp của hàm AJAX cấp thấp.
$.ajax cung cấp nhiều chức năng hơn các hàm cấp cao nhưng cũng khó sử dụng hơn.
tham số Cài đặt tham số là cặp name|value, định nghĩa dữ liệu URL, mật khẩu, loại dữ liệu, bộ lọc, mã ký tự, thời gian chờ và hàm lỗi.
Yêu cầu jQuery AJAX
| Yêu cầu | Mô tả |
|---|---|
| $(selector).load(url,data,callback) | Chuẩn bị dữ liệu từ xa vào phần tử được chọn |
| $.ajax(options) | Chuẩn bị dữ liệu từ xa vào đối tượng XMLHttpRequest |
| $.get(url,data,callback,type) | Tải dữ liệu từ xa bằng HTTP GET |
| $.post(url,data,callback,type) | Tải dữ liệu từ xa bằng HTTP POST |
| $.getJSON(url,data,callback) | Tải dữ liệu JSON từ xa bằng HTTP GET |
| $.getScript(url,callback) | Tải và thực thi tệp JavaScript từ xa |
(url) URL (địa chỉ) của dữ liệu được tải
(data) Đối tượng khóa/giá trị của dữ liệu được gửi lên máy chủ
(callback) Hàm được thực thi khi dữ liệu được tải
(type) Loại dữ liệu của dữ liệu được trả về (html, xml, json, jasonp, script, text)
(options) Các tùy chọn khóa/giá trị cho yêu cầu AJAX hoàn chỉnh
Sách tham khảo
Nếu bạn cần thêm thông tin về các hàm jQuery AJAX, hãy truy cập Hướng dẫn tham khảo jQuery AJAX。
