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

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

分类:js_jQuery答疑 - 常见问题 · 发布时间:2021-10-08 18:48 · 阅读:7176

最近在做一个项目,我们现在有很多数据,分表存放,项目要求在导出的时候需要有进度条。经过一番思索,完成了一下内容,分享给大家。最后面有完整代码。

废话不多说,先上效果图:

点击导出,实现

点击导出

统计完成之后

点击确定

下面来谈谈实现的思路:

前面导出操作简单,从第二个导出操作开始:

点击"确定"调用exportCsv函数

复制代码 代码如下:

导出

exportCvs函数如下
function exportCsv()
{

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

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

//ajax请求总数
    $.post("/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 = '需要导出的数据有 ' + num + ' 行,可能会占用您较多时间来进行导出。
您还需要继续吗?';

   // 提示是否继续
    $.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);
    });
}

标签:
ajax 进度条 导出

相关文章

AJAX乱码与异步同步以及封装jQuery库实现步骤详解

这篇文章主要介绍了异步通信技术AJAX乱码问题、异步与同步、手动封装一个jQuery库,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧

AJAX的跨域问题解决方案

跨域简单的说,就是从一个域名的网页去访问另一个域名网页的资源,下面这篇文章主要给大家介绍了关于AJAX的跨域问题解决的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

利用Ajax实现智能回答的机器人示例代码

这篇文章主要介绍了利用Ajax实现智能回答的机器人,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

ajax、axios和fetch之间优缺点重点对比总结

今天被问到用没用过ajax axios,我回答经常用axios,但ajax用的比较少,下面这篇文章主要给大家介绍了关于ajax、axios和fetch之间优缺点重点对比总结的相关资料,需要的朋友可以参考下

如何通过axios发起Ajax请求(最新推荐)

Axios是专注于网络数据请求的库,相比于原生的XMLHttpRequest对象,axios简单易用。相比于Jquery,axios更加轻量化,只专注于网络数据请求,这篇文章主要介绍了如何通过axios发起Ajax请求,需要的朋友可以参考下

返回分类 返回首页