비동기 웹 페이지

Question

안녕하세요, 비동기 적으로 웹 페이지를로드하는 방법에 대해 알고 싶습니다. 로그가있는 웹 페이지가 있고 로그인 후 약 10 초 (아마도 조금 더)에로드됩니다. 이 웹 페이지는 페이지의 섹션에서 여러 쿼리에서 서버로로드되는 트리가 있기 때문에 실제로 느리게로드됩니다. 쿼리의 최적화를 무시하고, 내가하고 싶은 것은 트리를로드하지 않고 페이지를로드하는 것입니다. 나무를 적재하는 대신 적재물을 상징하는 회전 바퀴를 적재하십시오. . 서 준비 이벤트가 트리거되면 트리로드를 시작하십시오. 나는 프로 시저 (하나가 있다면)를 알고 싶거나 문서 준비 함수에서 트리를 고집하는 것만 큼 간단하다. 고마워요

Answer 1

이것은 현재 작업하고있는 응용 프로그램의 미세 조정 된 예제입니다. 그것은 jQuery와 AJAX를 사용합니다.

$(document).ready(function() { 
    params = { var1 = 2, var2 = 4 }; 
    var checkStatus = function() { 
     $.getJSON('index.php/loader/op_status', params, function(opc) { 
      results = $.parseJSON(opc.results); 
      percent = results.status; 

      if (results.status != 100) { 
       $('#loading-percentage .percentage').html(percent); 
       setTimeout(checkStatus, 1000); // check every second for results 
      } else { 
       $(opk.keywords).insertAfter('#opc-results .kw-section .summary'); 
       $('#loading-percentage').remove(); 
      } 
     } 
    } 
    checkStatus(); 
} 

이 작업은 상태 파일을 확인하고 리터럴 상태 백분율로 사용하는 정수를 반환하는 것입니다. 백분율이 < 100이면로드 애니메이션을 표시하고, 그렇지 않으면 완료 콘텐츠를로드하고 애니메이션을 제거합니다. 이 프로세스는 매 초마다 점검되므로 실시간으로 최신 상태를 확인할 수 있습니다.

당신은 이것을 출발점으로 사용할 수 있지만, 분명히 당신의 필요에 맞게 조정할 필요가 있습니다.