CakePHP Jquery Ajax進度指示器 - 更新DIV

Question

我有什麼應該是一個簡單的要求，但是，我渴望得到最佳解決方案的意見。

首先，我在LAMP dev服務器上使用CakePHP和JQuery。

該網站使用的是通過GET提交的數據/尋找一個簡單的搜索？項= XXX

搜索邏輯實現數與多個第三方的API，目前最多可以達到5秒耗時電話。

我需要的是儘快加載頁面，然後向最終用戶提供響應式反饋。我認爲實施一個顯示'請稍等'的信息或動畫gif將是最好的方法。在頁面加載/搜索提交時，會對cakePHP URL執行Ajax調用，該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(''); 
    }