正在加载...图像状态

Question

该网站使用Codeigniter MVC框架构建。

由于查询的性质和较大的数据库大小，我的页面加载时间较长（约20秒）。

有什么方法可以在视图加载时显示“正在加载...”gif图像？寻找使用codeigniter的示例。

由于

Answer 1

Typcial ajax加载器是用javascript完成的。基本上，你的点击处理程序所做的第一件事就是显示动画gif，然后执行javascript命令将新内容加载到页面中。实际上没有涉及codeigniter。

以下是指向exhibiting a way to do this with jquery页面的链接。

总结：

$(document).ready(function(){
    $('.your_button').click(function(){
        //show your loader gif (recommend loading and hiding with css
        $('#new_content img.ajax_loader').show();
        //where you'll load the page
        $.post(href,{data},function(new_data){
            $('#new_content').html(new_data);
        });
});

Answer 2

Use jQuery BlockUI plugin

Answer 3

以下是关于如何使用Javascript（不完全）来实现它的想法：

1. 注册用户想要执行的查询
2. 将查询放入数据库中的队列中，状态为： pending
3. 将用户重定向到包含加载gif的页面，不断使用AJAX轮询另一个页面，该页面能够检查队列中查询的状态，并在完成后返回查询结果的URL
4. 让一个单独的程序在队列中运行，将查询状态设置为完成并将结果缓存在表中