Trong biểu mẫu web của tôi, tôi có một nút và khi người dùng nhấp vào nút đó, tôi sẽ hiển thị một bánh xe quay để cho biết rằng yêu cầu đang được xử lý:
Nút |
|
Để điều chỉnh giao diện của bánh xe quay, tôi đã sử dụng đoạn mã sau:
$(document).ready(function () {
$('#lblButton').click(function () {
$('#load').show();
setTimeout(function () { $('#load').hide() }, 40000);
});
});
Tuy nhiên, tôi đang sử dụng chức năng hết thời gian chờ sau 40 giây. Làm cách nào để làm cho bánh xe quay biến mất ngay khi nút xử lý xong?
Sử dụng cuộc gọi ajax để chờ phản hồi từ máy chủ, bạn có thể cần một cái gì đó như thế này (tùy thuộc vào loại cuộc gọi bạn thực hiện với phía máy chủ) vì đó là C#:
$(document).ready(function () {
$('#lblButton').click(function () {
$('#load').show();
$.ajax({
url: '@Url.Action("SomeMethod", "Somecontroller")',
gõ: 'NHẬN',
bộ đệm: sai,
thành công: hàm (dữ liệu) {
$('#load').hide();
}
});
});
Tôi là một lập trình viên xuất sắc, rất giỏi!