如何在显示搜索结果的页面之前显示加载页面？

Question

通常在使用任何用于搜索大量数据的网页时，例如搜索廉价航班，用户首先会被重定向到显示进度条的页面，例如“现在搜索多个旅行网站..”，当在服务器上搜索完成后，将被重定向到实际搜索结果。

怎么做？这是一些javascript / ajax技巧吗？

Answer 1

有几种方法，一种方法，你可以使用javascript来显示一个div或一些带有'loading ...'的元素，点击提交/搜索按钮。这将显示，直到页面刷新页面结果。

Answer 2

当AJAX完成加载时，您可以轻松设置要触发的函数或事件。因此，在提交表单时，您可以将页面设置为显示“loading ...”，然后删除它以显示结果或AJAX完成加载后的任何内容。

Answer 3

有许多jquery插件非常易于使用，并允许根据您要显示的处理消息进行自定义。 Here就是一个这样的Jquery插件。

就像从javascript调用$ blockUI（）和$ unblockUI（）一样简单。您可以查看演示here。