Ajax를 통해 요청을 보낼 때 페이지 중단을 어떻게 중지 할 수 있습니까?

개발자

심각한 문제에 직면하고 있습니다. Ajax를 사용하여 요청을 보내고 응답을받을 때마다 브라우저가 중단되고로드가 표시되지 않습니다.

하지만 Ajax에서 응답이 검색되면 브라우저와 페이지가 다시 작동하기 시작합니다.

아래는 제가 사용한 코드입니다 .....

function ShowContestStatus(contestID)
{
    $("#showContestDetails").html('<div class="loadercontest"><img src="assets/images/loading.gif">Loading Contest....</div>');

    $("#RadioGroup1_0, #RadioGroup1_1, #RadioGroup1_2").prop('disabled', true);
    $.ajax({
            url:"process/processMyContest.php",
            type:'POST',
            cache:false,
            async:false,
            data : {act : 'showcontest', cid : contestID },
            success:function(result)
            { 
                $("#showContestDetails").html(result);
                $("#RadioGroup1_0, #RadioGroup1_1, #RadioGroup1_2").prop('disabled', false);
            }
        });
    }

제발 도와주세요 ... 요청을 보낼 때 다른 웹 사이트에서와 동일한 응답을 받고 싶습니다 .Ajax를 사용하고 페이지가 중단되지 않고 스크롤링과 같은 각 처리가 표시됩니다 ...

그러니 제발 좋은 아이디어를 제안 해주세요 .... 그래서 내가 그것을 제거하고 교수형에 의해 다른 사람에게 영향을 미치고 짜증나게하지 않고 페이지에 대한 내 ajax를 부드럽게 만들 수 있도록 ...

미리 감사드립니다 ... :)

아룬 P 조니

문제는 async:false... ajax 요청이 동기 적이므로 스크립트 실행은 요청이 완료 될 때까지 기다릴 것입니다.

브라우저는 단일 스레드 실행 패턴 (스크립트를 실행하거나 다시 칠하거나 한 번에 모두가 아닌 사용자 이벤트를 기다림)을 사용하기 때문에 브라우저 탭이 사용자 수신을 중지하므로 중단 된 것처럼 보입니다. )

function ShowContestStatus(contestID) {
    $("#showContestDetails").html('<div class="loadercontest"><img src="assets/images/loading.gif">Loading Contest....</div>');

    $("#RadioGroup1_0, #RadioGroup1_1, #RadioGroup1_2").prop('disabled', true);
    $.ajax({
        url: "process/processMyContest.php",
        type: 'POST',
        cache: false,
        //remove async: false,
        data: {
            act: 'showcontest',
            cid: contestID
        },
        success: function (result) {
            $("#showContestDetails").html(result);
            $("#RadioGroup1_0, #RadioGroup1_1, #RadioGroup1_2").prop('disabled', false);
        }
    });
}

Ajax.async

기본적으로 모든 요청은 비동기 적으로 전송됩니다 (즉, 기본적으로 true로 설정 됨). 동기 요청이 필요한 경우이 옵션을 false로 설정하십시오. 교차 도메인 요청 및 dataType : "jsonp"요청은 동기 작업을 지원하지 않습니다. 동기식 요청은 브라우저를 일시적으로 잠그고 요청이 활성화 된 동안 모든 작업을 사용 중지 할 수 있습니다. jQuery 1.8부터 jqXHR ($. Deferred)과 함께 async : false 사용은 더 이상 사용되지 않습니다. jqXHR.done () 또는 더 이상 사용되지 않는 jqXHR.success ()와 같은 jqXHR 객체의 해당 메서드 대신 성공 / 오류 / 완료 콜백 옵션을 사용해야합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

AJAX를 통해이 curl 요청에 해당하는 것을 어떻게 보낼 수 있습니까?

분류에서Dev

AJAX를 통해 YAML을 어떻게 보낼 수 있습니까?

분류에서Dev

json을 통해 루프 데이터를 어떻게 보낼 수 있습니까?

분류에서Dev

ajax 및 PHP를 통해 ID 값을 어떻게 보낼 수 있습니까?

분류에서Dev

AXIOS로 덩어리 POST 요청을 보낼 때 즉시 감지 할 수 있습니까?

분류에서Dev

새 변수를 내보낼 때 변수 이름을 어떻게 결합 할 수 있습니까?

분류에서Dev

해커의 PHP, jquery, ajax 요청을 어떻게 보호 할 수 있습니까?

분류에서Dev

해커의 PHP, jquery, ajax 요청을 어떻게 보호 할 수 있습니까?

분류에서Dev

Monix를 통해 HTTP Get 요청을 보내는 것을 어떻게 제한 할 수 있습니까?

분류에서Dev

ajax 요청을 mailjet에 보낼 때 다중 출처 오류를 제거 할 수 없습니다.

분류에서Dev

내 웹 페이지에 PageDown 편집기를 삽입 할 때 어떻게 실시간 변환을 중지 할 수 있습니까?

분류에서Dev

jQuery를 통해 파일을 어떻게 보낼 수 있습니까?

분류에서Dev

Rust는 상한이없는 범위에서 반복을 중지 할 때를 어떻게 알 수 있습니까?

분류에서Dev

xhrhttp 요청을 처리하는 함수를 만들 때 발생하는 포착되지 않은 유형 오류를 어떻게 해결할 수 있습니까?

분류에서Dev

STTWitter를 사용할 때 어떻게 스트림을 중지 할 수 있습니까?

분류에서Dev

SpringData를 사용할 때 중복을 삽입하고 있는지 어떻게 알 수 있습니까?

분류에서Dev

Twilio를 통해 로컬 데이터베이스 항목을 어떻게 보낼 수 있습니까?

분류에서Dev

노드 방문자를 사용할 때 두 노드 사이에 중단되지 않는 공백을 어떻게 얻을 수 있습니까?

분류에서Dev

Snow Leopard에서 DHCP 요청을받을 때 Mac OS X에서 호스트 이름을 재정의하는 것을 어떻게 중지 할 수 있습니까?

분류에서Dev

웹 페이지 플러그인을 만들기 위해 코드를 리버스 엔지니어링 할 때 특정 요소가 이벤트를 수신 할 때 어떤 함수가 호출되는지 어떻게 알 수 있습니까?

분류에서Dev

빈 페이지를 어떻게 해결할 수 있습니까? (React 초보자)

분류에서Dev

반응 네이티브 : 다른 페이지에서 버튼을 클릭 할 때보기를 어떻게 변경할 수 있습니까?

분류에서Dev

Gradle을 통해 실행 한 후 Elastic을 어떻게 중지 할 수 있습니까?

분류에서Dev

요청을 사용하여 게시 요청의 결과 페이지를 어떻게 잡을 수 있습니까?

분류에서Dev

통합 테스트 중에 Flutter에서 "dart.ui"요청을 어떻게 해결할 수 있습니까?

분류에서Dev

해당 div 내의 이미지를 클릭 할 때 Div를 어떻게 뒤집을 수 있습니까?

분류에서Dev

노드가 보이지 않을 때 내 텍스트를 어떻게 표시 할 수 있습니까?

분류에서Dev

Excel로 내보낼 때 GridView에서 표시 이름 특성을 어떻게 사용할 수 있습니까?

분류에서Dev

AJAX 응답을 HTML 페이지로 어떻게 표시 할 수 있습니까?

Related 관련 기사

  1. 1

    AJAX를 통해이 curl 요청에 해당하는 것을 어떻게 보낼 수 있습니까?

  2. 2

    AJAX를 통해 YAML을 어떻게 보낼 수 있습니까?

  3. 3

    json을 통해 루프 데이터를 어떻게 보낼 수 있습니까?

  4. 4

    ajax 및 PHP를 통해 ID 값을 어떻게 보낼 수 있습니까?

  5. 5

    AXIOS로 덩어리 POST 요청을 보낼 때 즉시 감지 할 수 있습니까?

  6. 6

    새 변수를 내보낼 때 변수 이름을 어떻게 결합 할 수 있습니까?

  7. 7

    해커의 PHP, jquery, ajax 요청을 어떻게 보호 할 수 있습니까?

  8. 8

    해커의 PHP, jquery, ajax 요청을 어떻게 보호 할 수 있습니까?

  9. 9

    Monix를 통해 HTTP Get 요청을 보내는 것을 어떻게 제한 할 수 있습니까?

  10. 10

    ajax 요청을 mailjet에 보낼 때 다중 출처 오류를 제거 할 수 없습니다.

  11. 11

    내 웹 페이지에 PageDown 편집기를 삽입 할 때 어떻게 실시간 변환을 중지 할 수 있습니까?

  12. 12

    jQuery를 통해 파일을 어떻게 보낼 수 있습니까?

  13. 13

    Rust는 상한이없는 범위에서 반복을 중지 할 때를 어떻게 알 수 있습니까?

  14. 14

    xhrhttp 요청을 처리하는 함수를 만들 때 발생하는 포착되지 않은 유형 오류를 어떻게 해결할 수 있습니까?

  15. 15

    STTWitter를 사용할 때 어떻게 스트림을 중지 할 수 있습니까?

  16. 16

    SpringData를 사용할 때 중복을 삽입하고 있는지 어떻게 알 수 있습니까?

  17. 17

    Twilio를 통해 로컬 데이터베이스 항목을 어떻게 보낼 수 있습니까?

  18. 18

    노드 방문자를 사용할 때 두 노드 사이에 중단되지 않는 공백을 어떻게 얻을 수 있습니까?

  19. 19

    Snow Leopard에서 DHCP 요청을받을 때 Mac OS X에서 호스트 이름을 재정의하는 것을 어떻게 중지 할 수 있습니까?

  20. 20

    웹 페이지 플러그인을 만들기 위해 코드를 리버스 엔지니어링 할 때 특정 요소가 이벤트를 수신 할 때 어떤 함수가 호출되는지 어떻게 알 수 있습니까?

  21. 21

    빈 페이지를 어떻게 해결할 수 있습니까? (React 초보자)

  22. 22

    반응 네이티브 : 다른 페이지에서 버튼을 클릭 할 때보기를 어떻게 변경할 수 있습니까?

  23. 23

    Gradle을 통해 실행 한 후 Elastic을 어떻게 중지 할 수 있습니까?

  24. 24

    요청을 사용하여 게시 요청의 결과 페이지를 어떻게 잡을 수 있습니까?

  25. 25

    통합 테스트 중에 Flutter에서 "dart.ui"요청을 어떻게 해결할 수 있습니까?

  26. 26

    해당 div 내의 이미지를 클릭 할 때 Div를 어떻게 뒤집을 수 있습니까?

  27. 27

    노드가 보이지 않을 때 내 텍스트를 어떻게 표시 할 수 있습니까?

  28. 28

    Excel로 내보낼 때 GridView에서 표시 이름 특성을 어떻게 사용할 수 있습니까?

  29. 29

    AJAX 응답을 HTML 페이지로 어떻게 표시 할 수 있습니까?

뜨겁다태그

보관