如何在顯示搜索結果的頁面之前顯示加載頁面？

Question

通常，當使用任何用於搜索大量數據的網頁時（例如搜索便宜的航班），用戶首先被重定向到顯示進度條的頁面，例如， '現在搜索多個旅遊網站'，並且當在服務器上搜索完成時，然後被重定向到實際的搜索結果。

這是怎麼完成的？它是一些JavaScript/Ajax技巧？

Answer 1

那麼你可以很容易地設置一個函數或事件觸發當AJAX加載完成。因此，在提交表單時，您可以將頁面設置爲顯示「正在加載...」，然後將其刪除以顯示結果或AJAX加載完成後的任何內容。

Answer 2

有幾種方法，一種方法，你可以用javascript來顯示div或某個元素的'loading ...'，點擊提交/搜索按鈕。這將顯示，直到頁面刷新頁面結果的那一刻。

Answer 3

有很多jquery插件，使用起來非常簡單，並允許根據要顯示的處理消息進行自定義。 Here就是一個這樣的jquery插件。

這與從javascript調用$ blockUI（）和$ unblockUI（）一樣簡單。你可以看看演示here。