在重定向頁面上加載消息

Question

我在一個html頁面上有一個php付款按鈕，當用戶點擊它時，他會被重定向到另一臺服務器上的一個url來完成付款。無論如何，重定向之前的加載時間通常太多，可能會讓用戶在幾秒鐘的不活動狀態下產生混淆。 你能告訴我怎樣才能使消息文本和動畫GIF的載入頁面出現，只要用戶點擊按鈕？因此，用戶將意識到該頁面正在加載，他將很快重定向到適合的url？

感謝

Answer 1

您可以通過jQuery的做到這一點。給按鈕一個ID。然後在按鈕上設置一個onClick事件。在您的網頁某處放置一個<div>，其中包含文字Loading... Please wait。 （您也可以添加一個GIF動畫。）默認情況下，隱藏這個<div>。然後設置此<div>以顯示用戶何時單擊該按鈕。

<div id="load"> <img src="loading.gif"/> Loading... Please wait</div> 
<button id='buttonID'>Button</button> 

$(document).ready(function(){ 
    //This line below would hide the div when the page load by default 
    $('#load').hide(); 

    //This would display when the user clicks the button 
    $('#buttonID').click(function(){ 
    $('#load').show(); 
    }); 
});