CakePHP Jquery Ajax 진행률 표시기 - 업데이트 DIV

Question

간단한 요구 사항이 있어야하지만 최선의 해결책에 대한 의견을 듣고 싶습니다.

먼저 LAMP dev 서버에서 CakePHP와 JQuery를 사용하고 있습니다.

이 사이트는/검색에 GET을 통해 데이터를 제출 간단한 검색 양식을 사용? 용어 = XXX

검색 로직은 현재 5 초까지 여러 타사의 API에 많은 시간이 소요 전화의 번호를 구현합니다.

필요한 것은 신속하게로드하고 최종 사용자에게 반응 형 피드백을 제공하는 페이지입니다. 나는 메시지 또는 애니메이션 GIF를 기다리는 것이 가장 좋은 방법 일 것이라고 생각합니다. 페이지로드/검색 제출시 Ajax 호출이 집중적 인 쿼리를 시작하고 검색어를 전달하고 레이아웃을 위해 데이터 배열에 응답하는 cakePHP URL로 수행됩니다.

자동차 보험 비교 사이트와 유사하게 작동해야하며 여러 소스의 데이터를 집계하고 최종 사용자에게 반응 피드백을 제공해야합니다.

소리가 맞습니까? 누구든지 내 이해를 확고히하기 위해 코드 예제/URL을 제공 할 수 있습니까?

덕분에, 폴

Answer 1

글쎄, 로딩 이미지 일이 그런 식으로 수행 할 수 있습니다

function() 
    { 
    ajax_loading_image('.someDivId'); 
    $.ajax({ 
    type: "GET", 
    url: 'yourUrl', 
    data: 'yourGETSubmittedData', 
    success: function(msg) 
     { 
     // do some stuff 
     ajax_remove_loading_image('.someDivId'); 
     } 
    }); 
    } 

function ajax_loading_image(div) 
    { 
    $(div).html('<img src="ajax-loader.gif" alt="loading..."/>'); 
    } 

function ajax_remove_loading_image(div) 
    { 
    $(div).html(''); 
    }