使用jQuery加載數據

Question

我有一個項目，在更改選擇框時我正在從服務器加載數據。我如何確保在數據加載之前用戶無法在頁面上執行其他任何操作？

Answer 1

您可以使用jQuery UI或其他一些JavaScript庫創建模態對話框。

在插件的關閉事件中，您可以使用全局變量is_received檢查是否收到數據。如果is_received == true然後讓closeevent通過返回true關閉模式對話框，否則返回false。我假設關閉事件會阻止用戶關閉模態對話框，如果您返回false。您還可以在模態對話框中顯示用戶友好的消息，告訴用戶正在加載數據。

另一種方式可能是：禁用模式對話框的關閉按鈕，並從服務器接收數據後再次啓用這些按鈕。模態對話框將阻止用戶與內容進行交互。

Answer 2

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

使用async: false;

但我不建議這樣做。

Answer 3

從用戶界面的角度來看，加載模態窗口是最佳選擇。使用jQuery，您可以使用jQueryui - 啓動一個模式對話框，其中包含「工作」或類似的消息以防止用戶交互。