• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >AJAX > php+ajax实现带进度条的大数据排队导出思路以及源码

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了php+ajax实现带进度条的大数据排队导出思路以及源码等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

点击导出,实现

点击导出

统计完成之后

点击确定

下面来谈谈实现的思路:

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

点击"确定"调用exportCsv函数

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 style="color: red">' + 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);
    });
}
</div>

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

我们要定义全局变量  index   和iii ,ajaxmark  ,index主要用于对一个表数据太多的时候进行分批导出 ,iii用来控制队列循环,ajaxmark用来判断前一个请求是否执行成功了,成功的话在执行下面的请求

     //获取总数
      num = count_arr[tabletype];

    //判断是否数组是否执行完毕
      if(typeof(tabletype)=='undefined'&&typeof(num)=='undefined'){
            return false;
      }

     //判断是否有上一个ajax请求是否完成
      if(ajaxmark==1){

            index = 1;
           //将ajax请求标记为未执行完成

    ajaxmark=2;

          //执行ajax请求,函数在后面给出
            retrun_var = excel_export_ajax(index, num, processnum, tabletype);
            //判断函数返回
            if(typeof(retrun_var)=='undefined'){           

      //将iii自增,执行下一个数组数据
                  iii++;<

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11使用AJAX进行WEB应用程序开发的方法
  • 2017-05-11Ajax异步方式实现登录与验证
  • 2017-05-11[ASP.NET AJAX]Function对象及Type类的方法介绍
  • 2017-05-11$.ajax传JSON数据到后台出现报错问题解决
  • 2017-05-11ajax readyState的五种状态详解
  • 2017-12-27发送DELETE或PUT请求时springmvc获取参数为NULL
  • 2017-05-11简单谈谈AJAX核心对象
  • 2017-05-11Ajax+Asp源代码]读取数据库内容的表格(没有用框架)第1/2页
  • 2017-08-21Ajax-Xhr
  • 2017-05-11用ajax自动加载blogjava和博客园的rss

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • ajax无刷新评论功能
    • Ajax基础详解教程(一)
    • ajax设置async校验用户名是否存在的实现方法
    • AJAX简历系统附js文件
    • ajax三级联动下拉菜单效果
    • Ajax与JSON的一些学习总结
    • django使用ajax post数据出现403错误如何解决
    • 一个伪ajax图片上传代码实现示例
    • Ajax商品分类三级联动的简单实现(案例)
    • 无限分级和tree结构数据增删改【附DEMO下载】

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有