JS导出CSV文件

最新推荐文章于 2025-07-10 11:40:36 发布

转载最新推荐文章于 2025-07-10 11:40:36 发布 · 2.5k 阅读

文章标签：

#js

j's 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了一种使用JavaScript从HTML表格中导出数据至CSV文件的方法，通过遍历表格元素，将数据转换为CSV格式并触发下载。适用于电商、数据分析等领域，帮助快速导出订单等数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS导出CSV文件

// An highlighted block

<a class="btn" id="productqueryOutXls" target="">导出</a>
		<table class="" id="alternatecolor">
			<thead>
			<tr>
				<th>订单号</th>
				<th>订单时间</th>
				<th>订单状态</th>
				<th>订单金额</th>
				<th>支付方式</th>
			</tr>
			</thead>
			<tbody>
					<tr>
						<td>1234567</td>
						<td>2019-01-23 01:30:09</td>
						<td>complete</td>
						<td>$25.05</td>
						<td>paypal</td>
					</tr>
			</tbody>
		</table>
 
 
 
<script>
        $(document).on("click", "#productqueryOutXls", function () {
            var $trs = $("#alternatecolor").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().getTime();
            var filename = new Date(date).toLocaleDateString();
            link.setAttribute("download", filename + ".csv");
            link.click();
        });
	</script>