jquery - 使用 jQuery 的页面加载器

Question

我想做的是使用 jQuery 的“loader”。

基本上，在网站上选择一个选项后，网站将搜索数据库并返回匹配的结果。所有这一切都在不刷新页面的情况下发生。

我希望添加“加载程序” - 当网站从数据库加载数据并且不知道从哪里开始时会出现的图像。

有人可以给我一些线索，也许是插件，或者只是向我推荐一些有解决方案的网站？

问候

Answer 1

只需将带有加载指示图像的图像放在网站上的某个位置即可:

<img src="loader.gif" alt="" style="display:none" id="loader-indicator" />

然后使用此 javascript 在 Ajax 调用触发之前显示它，然后在完成后再次隐藏它。

$('#loader-indicator').show();
$.ajax({
    url:'ma/url',
    success: function(){
        $('#loader-indicator').hide();
    },
    error: function(){
        $('#loader-indicator').hide();
    }
});

如果您需要加载指示图像，我会尝试 http://www.ajaxload.info/ 。但好像暂时不可用。