正在加载...图像状态答案

【问题标题】：Loading... image status正在加载...图像状态
【发布时间】：2011-04-04 16:03:57
【问题描述】：

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

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

有没有办法在视图加载时显示“正在加载...” gif 图像？寻找使用 codeigniter 的示例。

谢谢

【问题讨论】：

标签： php codeigniter

【解决方案1】：

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

这是指向页面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);
        });
});

【讨论】：

【解决方案2】：

Use jQuery BlockUI plugin

【讨论】：

我最终使用了 jquery 插件。

【解决方案3】：

这里有一个关于如何（不完全）用 Javascript 来做的想法：

注册用户想要执行的查询
将查询放入数据库中的队列中，状态为：待处理
将用户重定向到带有加载 gif 的页面，使用 AJAX 不断轮询另一个页面，该页面能够检查队列中查询的状态，并在查询完成时返回一个指向查询结果的 URL
有一个单独的程序在队列中工作，将查询的状态设置为完成并将结果缓存在表中

【讨论】：