jQuery를 사용하여 동기식 요청을 할 때 브라우저가 잠기지 않게하려면 (또는 대기 기호 표시) 어떻게합니까?

Question

함수는 jquery.ajax() 메서드를 사용하여 서버에서 데이터를 가져와 반환 값으로 사용합니다. async = true 인 경우이 함수는 조기에 빈 값을 반환합니다. async = false를 사용하는 경우 함수 대기 시간이 너무 깁니다. 요청하기 바로 전에 회전 시계를 표시하는 div를 토글하려고했지만 div가 요청이 끝날 때까지 표시되지 않습니다.

브라우저를 잠그지 않거나 대기 아이콘/기호/텍스트를 표시하지 않는 방법에 대한 조언이 있으십니까?

Answer 1

수 없습니다. 동기 요청은 이동 중이거나 수정 중일 수있는 애니메이션을 포함하여 브라우저를 잠급니다. 이는 그것이 권장되지 않는 이유입니다. 성공한 콜백에서 응답 처리를 처리하기 위해 논리를 수정하면 모두 잘 될 것입니다 ...

Answer 2

브라우저를 잠그지 않으려면 비동기 요청을 사용해야합니다. 코드 또는 아약스 응답에 리팩토링이 필요합니다.

하지만 여전히 비동기 요청을 사용하고자하지 않을 경우, 당신은 다음과 같이 수행 할 수 있습니다

1. 회전 시계를 삽입하고
이
2. 준비가되면 (내가 콜백을 의미), 아약스을 보여를 마지막 요청
3. ,

Answer 3

편도 (로드 ... GIF 애니메이션) 화상을 넣을 수있는 시계를 제거한다. 아약스를 보내기 전에 보여줘. 그런 다음 그것을 성공에 숨 깁니다. 아래처럼.

$.ajax({ 
    url: 'ajax/test.html', 
    beforeSend : function(){ 
    $('#LodingImg').show(); // show image.. 
    }, 
    success: function(data) { 
    $('#LodingImg').hide(); // hide image 
    $('.result').html(data); 
    alert('Load was performed.'); 
    } 
});