js导出表格数据

原创 2015年11月18日 18:24:57

考虑到浏览器兼容性问题,采用原生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 += "\r\n";
            });

            // 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 += "\r\n";
            });
            
            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";');
    }


版权声明:本文为博主原创文章,未经博主允许不得转载。

JS 将Table数据导出到Excel表

通过JavaScript方法将table中的数据导出在excel表中,使用方便,可以直接浏览器直接下载所需要的excel表,一般适用于后台管理的导出数据需求。使用方法1.对table标签设置id,例如...
  • Admin_yi
  • Admin_yi
  • 2017年04月21日 17:53
  • 5328

js 输出html的表格数据到 excel

测试页面
  • stuShan
  • stuShan
  • 2016年06月10日 16:30
  • 1491

学习笔记之js中导出表格到excel详解+源码

在系统开发中,经常会遇到要将一个表格数据导出到excel中,刚刚做完,把示例代码共享一下,话不多说直接上代码。 html 表格导出道 ...
  • u011009362
  • u011009362
  • 2017年02月20日 11:50
  • 2106

js导出数据到Excel表或WPS的电子表格

  • 2013年07月25日 23:09
  • 2KB
  • 下载

js导出html表格中数据示例

  • 2016年03月25日 14:32
  • 42KB
  • 下载

js导出table表格数据(包括excel,xml,json,csv等格式)

  • 2016年11月23日 09:25
  • 66KB
  • 下载

一款用于表格数据自定义排序的jQuery插件jquery.tablesortable.js(附例子)

  • 2016年12月13日 11:06
  • 13.57MB
  • 下载

使用AJAX动态生成table表格数据和jquery.pagination.js 的分页栏

  • 2017年06月18日 15:53
  • 45KB
  • 下载

JS 做的表格数据排序。。。。。。

  • 2008年08月29日 22:31
  • 65KB
  • 下载

三维数据表格与JS代码

  • 2010年02月18日 17:41
  • 8KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js导出表格数据
举报原因:
原因补充:

(最多只允许输入30个字)