纯js导出csv文件

如题

这里写图片描述

web项目中,经常会有导出excel表格的需求。
有时候在要求不高的情况下,我们就可以用csv文件来替代xls文件。
假如如图是查询出来的结果,已经展现在html的table中。
如果想要导出此结果怎么办?

简单粗暴,如下段代码即可完成。
csv文件结构简单,没有什么好说的。


    //导出
            $(document).on("click", "#exportBtn", function () {
                var $trs = $("#expenditureTable").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 date = new Date();
                var filename = date.pattern("yyyy-MM-dd HH:mm:ss");
                link.setAttribute("download", filename + ".csv");
                link.click();
            });

猜你喜欢

转载自blog.csdn.net/festone000/article/details/80064071