php+ajax实现带进度条的大数据排队导出思路以及源

废话不多说，先上效果图：

点击导出，实现

点击导出

统计完成之后

点击确定

下面来谈谈实现的思路：

前面导出操作简单，从第二个导出操作开始：

点击"确定"调用exportCsv函数

复制代码 代码如下:

<a href="javascript:exportCsv();"><em>导出</em></a>

exportCvs函数如下
function exportCsv()
{

　//清除等待的转动圈
    $('#loading').html('');

//弹出统计总数对话框，函数在后面给出定义
    tip();

//ajax请求总数
    $.post("<?php echo WEB_URL;?>/index.php?q=onlinesea/getwherecount"+search_uri, function(json){
        var return_arr = eval('(' + json + ')');
        var num = return_arr['total'];
        var processnum = return_arr['processnum'];

if(num == 0){
            poptip.title('系统消息');
            poptip.content('查询结果为空，不能进行数据导出');
        }
        else
        {
            poptip.close();

            for (var i in return_arr['cntarr']){
                if (return_arr['cntarr'][i] != 0){
                    count_arr[i] = return_arr['cntarr'][i];
                }

            }
            var ii=0;
            for (var i in count_arr){
                  type_arr[ii]=i;
                  ii++;
            }

　　//当数据不为空的时候弹出是否到处框
            exportCsvConfirm(num, processnum);
        }
    });
}

//弹出确认下载  exportCsvConfirm函数

function exportCsvConfirm(num, processnum)
{
    var msg = '需要导出的数据有 <span>' + num + '</span> 行，可能会占用您较多时间来进行导出。<br />您还需要继续吗？';

// 提示是否继续
    $.dialog.confirm(msg, function () {
        $('#loading').html('');
        processed_count = 0;
        index = 1;
        win.$('#process_bg').hide().width('0%').show();
        win.$('#process_num').html('0');

$.dialog.through({
            title: '数据导出进度',
            content: win.document.getElementById('processbar'),
            lock: true,
            opacity: '.1'
        },
        function(){
                window.location.reload();
        });
       //当继续的时候
        win.$('#progress_info').show().text('正在导出数据，请耐心等待，请勿关闭窗口...');
      //开始执行导出操作
        excel_export2(num, processnum);
    });
}

关键函数excel_export2队列请求，首先会在前面定义全局变量

复制代码 代码如下: