zoukankan      html  css  js  c++  java
  • js导出表格数据

    考虑到浏览器兼容性问题,采用原生js和后台交互下载网页数据

    js:

    var table = $('.table-panel table');
                // Header
                var tdData ="";
                $(table).find('thead').find('tr').each(function() {
                    $(this).find('th').each(function() {
                        tdData += '"' + $(this).text() + '",';
                    });
                    tdData = $.trim(tdData).substring(0, tdData.length -1);
                    tdData += "
    ";
                });
    
                // Row vs Column
                $(table).find('tbody').find('tr').each(function() {
                    $(this).find('td').each(function(index,data) {
                        tdData += '"'+ $(this).text() + '",';
                    });
                    tdData = $.trim(tdData).substring(0, tdData.length -1);
                    tdData += "
    ";
                });
                
                var form=$("<form>");//定义一个form表单
                form.attr("style","display:none");
                form.attr("target","");
                form.attr("method","post");
                form.attr("action","/api/data/exportCSV");
                var input1=$("<input>");
                input1.attr("type","hidden");
                input1.attr("name","exportData");
                input1.attr("value",tdData);
                $("body").append(form);//将表单放置在web中
                form.append(input1);
                form.submit();//表单提交


    PHP:

    public function exportCSV() {
            $exportData = $_POST['exportData'];
            $exportData = iconv("UTF-8", "GB18030//IGNORE", $exportData);
            // open raw memory as file so no temp files needed, you might run out of memory though
            $f = fopen('php://output', 'w');
            fwrite($f, $exportData);
            // tell the browser it's going to be a csv file
            header('Content-Type: application/csv');
            // tell the browser we want to save it instead of displaying it
            header('Content-Disposition: attachment; filename="exportData.csv";');
        }



  • 相关阅读:
    接口interface
    枚举类型
    编写Hello World ts程序
    TypeScript基本类型
    初始TypeScript
    session和cookie自动登录机制
    奇辉机车车号自动识别系统介绍
    AForge.NET 设置摄像头分辨率
    工作感概—活到老xio到老
    Scala学习二十二——定界延续
  • 原文地址:https://www.cnblogs.com/JasonLeemz/p/5068174.html
Copyright © 2011-2022 走看看