php - 当ajax未完成时如何使用jquery加载

Question

我使用 jquery .ajax 函数将信息发布到另一个页面。这次我希望用户在服务器响应之前不能做任何事情。例如在页面上显示加载，以便用户无法点击表单。有什么想法或插件吗？

Answer 1

在屏幕上放置一个具有高 z-index 的 div。让它出现在 ajax 调用之前和hide()从 ajax 调用得到响应之后。

如果您希望他们仍然能够看到页面一点点，您也可以使用部分透明的 .png 作为 div 的背景。也可能是一个动画加载 gif。

如果您有一个完全透明的 div，他们无法判断正在发生的事情，他们可能会坐在那里并尝试单击内容并因没有任何工作而感到沮丧。

如果您使用完全可靠的 div，那么他们可能会认为有问题，或者他们转到另一个页面或某些内容未正确加载。