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动态画表格(合并行,动态判断,前提:数据已经排好顺序)

序号 代码 名称 联系人 联系电话

JS实现表格数据各种搜索功能

JS实现表格数据各种搜索功能(忽略大小写,模糊搜索,多关键搜索)               window.onload=function(){    ...

数据表格js插件

  • 2014-03-11 14:32
  • 2.34MB
  • 下载

使用js对表格数据排序

js实现如下 // 设置升序还是降序,默认是升序 var flag=true; function itemSort(){ // 1. 获得表格 var itemTab...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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