javascript - jQuery模态窗口的加载效果是怎么实现的呢？

Question

我将通过 ajax 在模态窗口中动态加载某些信息。

我在其他网站上注意到，在加载内容之前，模态窗口中会出现一个小的圆形加载动画。有谁知道这种效果是如何实现的，可能在哪里可以找到加载动画？

谢谢

Answer 1

jQuery $.ajax() 方法允许您指定一个调用 ajax 调用的方法和另一个调用 ajax 响应的方法。此功能的逻辑扩展是在第一次调用中显示包含动画 gif 的 div，并在第二次调用中清除它。这是一个例子。我在设置我的 ajax 调用默认值时在我的 $.ajaxSetup 调用中执行此操作，以便我的所有 ajax 调用都具有相同的行为，但是您可以在 $.ajax 级别实现它以获得潜在的不同启动/停止行为的类型取决于情况。

    beforeSend: function() {
        $('div#ajaxProcessingMessageDiv').show();
    },
    complete: function() {
        $('div#ajaxProcessingMessageDiv').hide();
    }

快乐编码，