使用jQuery加载数据

Question

我有一个项目，在更改选择框时，我正在从服务器加载数据。如何确保在加载数据之前，用户无法在页面上执行任何其他操作？

Answer 1

您可以使用jQuery UI或其他JavaScript库创建模式对话框。

在插件的关闭事件中，您可以使用全局变量is_received检查是否已收到数据。如果is_received == true然后让closeevent关闭模态对话框，则返回true，返回false。我假设如果返回false，close事件会阻止用户关闭模式对话框。此外，您还可以在模式对话框中显示用户友好的消息，告知用户正在加载数据。

另一种方法可能是：禁用模式对话框的关闭按钮，并在从服务器接收数据后再次启用这些按钮。模态对话将阻止用户与内容交互。

Answer 2

从UI角度来看，加载模态窗口是您的最佳选择。使用jQuery，您可以使用jQueryui - 启动一个模式对话框，其中包含“工作”或类似消息以防止用户交互。

Answer 3

在jQuery中，您可以使用$.ajax()。

使用async: false;

但我不推荐它。