2013-06-18 20 views
-4

我有一個HTML頁面,帶有複選框和提交按鈕。當我點擊「提交」時,我有一個PHP腳本,它接受每個選中的複選框,並執行與該複選框匹配的腳本。網絡上的中間進度指示器

因爲某些腳本可能需要很長時間,所以我想要做一些類似進度條或其他指示符的腳本,這些腳本仍在運行。當提交原始表單時,這應該在單獨的頁面上加載。腳本完成後(可能在幾個小時後),頁面應該重定向或提供到其他頁面的鏈接。

我是PHPHTML的新手,想知道如何顯示這種'動態'圖標或進度頁面,以及完成所有工作時的重定向。

謝謝!

+0

敢問腳本需要幾個小時才能完成? –

回答

1

你會想在我看來使用AJAX。一個簡單的解決方案是在jQuery中顯示動畫,並在腳本返回結果時將其取出。這是要求的行:

$('#myform').submit(function() { 
    $(this).hide(); // hide the form 
    $('#loading').show(); // make a previously-hidden 'loading' element visible, possibly a div with an animation image/background in it 
    $.post('/myprocesspage.php', $(this).serialize(), function(data) { 
     $('#loading').hide(); // done loading 
     $('#done').html(data).show(); // Put the output of the script in #done element, and show it 
    }); 
}); 

當然,你應該修改這個你的需要。請不要複製/粘貼代碼,瞭解它的功能以及它的工作原理。我建議你看看jQuery API文檔,並閱讀我使用的功能是如何工作的。然後,您可以將行爲修改爲任何您想要的。

0

而不是重定向到另一個頁面,您應該使用AJAX(JavaScript腳本技術)提交表單。檢查出this tutorial