Tôi có một ứng dụng web trong asp.net, mvc và đôi khi yêu cầu ajax của tôi có thể mất hơn 1 giây.
Vì vậy, tôi cần phải hiển thị một div lớn trên toàn bộ trang (Loading ...) trong khi yêu cầu này đang làm việc và giấu nó khi nó đã hoàn thành.
Có ai biết cách thực hiện việc này không?
Tôi đang sử dụng jQuery Throbber plugin: http://www.jquery-plugins.info/throbber-aka-loading-animation-00015440.htm
Nó khá đơn giản và dễ dàng để tích hợp. Có thể chạy thủ công và có thể được đính kèm cho các sự kiện ajax tự động.
Đối với jQuery AJAX, hãy kiểm tra các tài liệu API: http://api.jquery.com/category/ajax/
Đối với khóa màn hình kiểm tra plugin này: http://malsup.com/jquery/block/#
Các trang demo cho trang web này (http://malsup.com/jquery/block/#demos) sẽ cung cấp cho bạn một ý tưởng về cách để dùng nó.
Tôi đã sử dụng blockUI và nó hoạt động rất tốt và rất háo hức để thực hiện. – Kamal
Ngoài ra, hãy kiểm tra plugin Dialog từ thư viện JQuery UI. Điều này sẽ cho phép bạn hiển thị hộp thoại, chứa bất kỳ thông báo 'Vui lòng chờ' nào bạn muốn và cũng chặn phần còn lại của trang để đảm bảo rằng người dùng không thể tương tác với nó. Có thể xóa hộp thoại khi thao tác AJAX hoàn tất.
Bạn thậm chí có thể thực hiện việc này chung, bằng cách liên kết với các sự kiện .ajaxStart và .ajaxStop để tự động hiển thị/ẩn hộp thoại cho tất cả các hoạt động AJAX.
Tham chiếu bị hỏng – micrub