비동기 요청 중 로딩 표시기 표시
비동기 요청의 진행 상황을 나타내기 위해 로딩 이미지를 표시할 수 있습니다. 요청이 실행되는 동안 이미지는 표시된 상태로 유지되며 완료되면 사라집니다.
사전 요청 및 사후 요청 숨기기/표시 방법 사용
간단한 작업 접근 방식은 이미지의 가시성을 수동으로 제어하는 것입니다.
$('#loading-image').show();
$.ajax({
url: uri,
cache: false,
success: function(html){
$('.info').append(html);
},
complete: function(){
$('#loading-image').hide();
}
});글로벌 Ajax 사용 이벤트
또는 전역 Ajax 이벤트를 사용하여 이미지의 가시성을 처리할 수 있습니다.
$('#loading-image').bind('ajaxStart', function(){
$(this).show();
}).bind('ajaxStop', function(){
$(this).hide();
});이 방법을 사용하면 모든 비동기 요청에 대해 로딩 이미지가 균일하게 표시됩니다.
위 내용은 비동기 AJAX 요청 중에 로딩 표시기를 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
