将测试导出到CSV JavaScript

Question

我正在尝试将逗号分隔的字符串导出到用户单击按钮时打开的CSV。 我发现了几个不同的示例，但是当我尝试修改它们以满足我的需求时，CSV文件无法打开。 该链接指向我的JSFiddle

<div onClick="exportToCSV('Test.csv');">Test here</div>

function exportToCSV(filename) {
   csv = "test, test1, test2, test3";
   csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);
   $(this)
    .attr({
       "download": filename,
       "href": csvData,
       "target": "_blank"
   });
}

任何帮助将不胜感激。

Answer 1

该download属性只存在于a标签。

一种

试试这个：

1. 将div标签更改为a标签。

2. 使用this关键字将引用传递给exportToCSV函数中的元素。

   exportToCSV(this, 'Test.csv');

3. 使用对函数中元素的引用。

 function exportToCSV(me, filename) { var csv = "test, test1, test2, test3"; var csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv); $(me) // Reference to the element. .attr({ "download": filename, "href": csvData, "target": "_blank" }); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a onclick="exportToCSV(this, 'Test.csv');">Test here</a>