使用場景：

將當前html頁面中table的數據導出為excel(分析：頁面無分頁，不用再查數據庫，直接使用js插件導出數據即可)

js代碼：

layui.config({

base:?'{$Think.PLUGINS_SITE_ROOT}/layuiv2.4.3/lay/extend/'

}).extend({

excel:?'excel'

});

layui.use(['table',?'excel'],?function()?{

var?excel?=?layui.excel;

//監聽頭工具欄事件

$('.myexport').off('click').on('click',?function(){

exportFile('data_list');

});

//表格導出

function?exportFile(id)?{

var?titles?=?new?Array();

//根據傳入tableID獲取表頭

var?tds?=?$("#"?+?id?+?"?thead?tr?th");

for?(var?i?=?0;?i?

titles[i]?=?$(tds[i]).text();

}

//根據傳入tableID獲取table內容

var?bodysArr?=?new?Array();

var?trs??????=?$("#"?+?id?+?"?tbody?tr");

for?(var?j?=?0;?j?

var?contents?=?new?Array();

var?this_????=?$(trs[j]).html();

this_?=?this_.replace(/()/g,?'');

this_?=?this_.replace(/()/g,?'');

this_?=?this_.replace(/\/g,?'');

this_?=?this_.replace(/\s+/g,?'');

this_?=?this_.replace(/\r\n*/g,?'');

this_?=?this_.replace(/()/g,?'');

//console.log(this_);return?;

var?tds??????=?$(this_?+?'?td');

for?(var?i?=?0;?i?

contents[i]?=?$(tds[i]).text();

}

bodysArr.push(contents)

}

//將標題行置頂添加到數組

bodysArr.unshift(titles);

var?type_?=?$('input[name="type"]').val();

var?cc????=?'';

if(type_?==?1){

cc?=?$('#day').val();

}else{

cc?=?$('#month').val();

}

//導出excel

excel.exportExcel({

sheet1:?bodysArr

},?'會員匯總－總體數據'?+?cc?+?'.xlsx',?'xlsx');

}

});

效果：

作者：OK兄 瀏覽次數：478

總結

以上是生活随笔為你收集整理的js 调用php 导出表格,[拿来主义]使用layui纯JS导出html页面中的table为excel的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。