Leif160519的blog

web项目中，经常会有导出excel表格的需求。

有时候在要求不高的情况下，我们就可以用csv文件来替代xls文件。

假如如图是查询出来的结果，已经展现在html的table中。

如果想要导出此结果怎么办？

简单粗暴，如下段代码即可完成。

csv文件结构简单，没有什么好说的。

//导出svc文件
function exportCSV() {
    var $trs = $("#test_table").find("tr");
    var str = "";
    for (var i = 0; i < $trs.length; i++) {
        var $tds = $trs.eq(i).find("td,th");
        for (var j = 0; j < $tds.length; j++) {
            str += $tds.eq(j).text() + ",";
        }
        str += "\n";
    }
  
    var aaaa = "data:text/csv;charset=utf-8,\ufeff" + str;
    var link = document.createElement("a");
    link.setAttribute("href", aaaa);
    var filename = "service-config";
    link.setAttribute("download", filename + ".csv");
    link.click();
};