正在加載...圖片狀態

該網站使用Codeigniter MVC框架構建。正在加載...圖片狀態

由於查詢的性質和大型數據庫的大小，我有一個頁面加載時間較長（大約20秒）。

有沒有一種方法可以顯示'Loading ...'gif圖像視圖正在加載？尋找一個使用codeigniter的例子。

謝謝

來源

2011-04-04 Yada

Use jQuery BlockUI plugin

來源

2011-04-04 16:21:42

不知道這個插件。很高興知道。 – kevtrout 2011-04-04 18:08:16

我結束了使用jquery插件。 – Yada 2011-04-04 18:59:13

典型的ajax裝載機是用javascript來完成的。基本上，您的點擊處理程序所做的第一件事是顯示動畫gif，然後執行javascript命令將新內容加載到頁面中。實際上沒有涉及代碼字。

這裏有一個鏈接到頁面exhibiting a way to do this with jquery。

總結：

$(document).ready(function(){ 
    $('.your_button').click(function(){ 
     //show your loader gif (recommend loading and hiding with css 
     $('#new_content img.ajax_loader').show(); 
     //where you'll load the page 
     $.post(href,{data},function(new_data){ 
      $('#new_content').html(new_data); 
     }); 
});

來源

2011-04-04 16:16:58 kevtrout

感謝。我會試一試。 – Yada 2011-04-04 16:20:57

這裏有一個如何使用JavaScript做到這一點（不完全）的想法：

註冊用戶想執行
將查詢查詢在數據庫隊列中，狀態爲：正在等待
將用戶重定向到加載gif的頁面它不斷地使用AJAX輪詢另一個頁面，能夠檢查隊列中查詢的狀態，當查詢結果完成時返回一個URL到查詢結果
有一個單獨的程序工作，它是通過隊列的方式，將查詢的狀態設置爲完整和緩存結果表中的

來源

2011-04-04 16:19:57 Nick

正在加載...圖片狀態

回答

相關問題