使用jQuery的页面加载器

Question

我想做的是使用jQuery称为'loader'的东西.

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

我想添加"加载器" - 当站点从数据库加载数据时出现的图像,并且不知道从哪里开始.

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

问候

Answer 1

只需在网站上的某处放置带有加载指示图像的图像:

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

然后使用此javascript在Ajax调用fire之前显示此权限,然后在完成后再次隐藏它.

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

如果你需要加载指标图像,我会尝试http://www.ajaxload.info/.但它似乎暂时不可用.