如何使用JQuery或Javascript将数据导出到CSV
我需要什么: 我们在response.d中有一个值,它是逗号消去的值。现在我想将response.d的数据导出到.csv文件 我编写此函数就是为了执行此操作。我已收到响应.d中的数据,但未导出到.csv文件,因此请给出此问题的解决方案,以导出.csv文件中的数据如何使用JQuery或Javascript将数据导出到CSV,javascript,jquery,asp.net,export-to-csv,Javascript,Jquery,Asp.net,Export To Csv,我需要什么: 我们在response.d中有一个值,它是逗号消去的值。现在我想将response.d的数据导出到.csv文件 我编写此函数就是为了执行此操作。我已收到响应.d中的数据,但未导出到.csv文件,因此请给出此问题的解决方案,以导出.csv文件中的数据 function BindSubDivCSV(){ $.ajax({ type: "POST", url: "../../WebCodeService.asmx / ShowTrackSectorDepa
function BindSubDivCSV(){
$.ajax({
type: "POST",
url: "../../WebCodeService.asmx / ShowTrackSectorDepartureList",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
alert(response.d);//export to csv function needed here
},
error: function (data) {}
});
return false;
}
如果您无法控制服务器端的工作方式,下面是我在另一个SO问题中提供的客户端解决方案,等待OP的接受: 您必须考虑某些限制或限制,正如我在那边的回答中提到的,其中有更多细节
这是我提供的相同的演示: 让你大致了解一下剧本的样子 您需要更改的是如何迭代数据(在另一个问题中是表单元格)以构造有效的CSV字符串。这应该很简单
$(document).ready(function () {
function exportTableToCSV($table, filename) {
var $rows = $table.find('tr:has(td)'),
// Temporary delimiter characters unlikely to be typed by keyboard
// This is to avoid accidentally splitting the actual contents
tmpColDelim = String.fromCharCode(11), // vertical tab character
tmpRowDelim = String.fromCharCode(0), // null character
// actual delimiter characters for CSV format
colDelim = '","',
rowDelim = '"\r\n"',
// Grab text from table into CSV formatted string
csv = '"' + $rows.map(function (i, row) {
var $row = $(row),
$cols = $row.find('td');
return $cols.map(function (j, col) {
var $col = $(col),
text = $col.text();
return text.replace('"', '""'); // escape double quotes
}).get().join(tmpColDelim);
}).get().join(tmpRowDelim)
.split(tmpRowDelim).join(rowDelim)
.split(tmpColDelim).join(colDelim) + '"',
// Data URI
csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);
$(this)
.attr({
'download': filename,
'href': csvData,
'target': '_blank'
});
}
// This must be a hyperlink
$(".export").on('click', function (event) {
// CSV
exportTableToCSV.apply(this, [$('#dvData>table'), 'export.csv']);
// IF CSV, don't do event.preventDefault() or return false
// We actually need this to be a typical hyperlink
});
});
使用上面的代码(来自Terry Young),我发现在Opera中,它会拒绝给文件命名(简单地称之为“下载”),并且不能始终可靠地工作
为了让它工作,我必须创建一个二进制blob:
var filename = 'file.csv';
var outputCSV = 'entry1,entry2,entry3';
var blobby = new Blob([outputCSV], {type: 'text/plain'});
$(exportLink).attr({
'download' : filename,
'href': window.URL.createObjectURL(blobby),
'target': '_blank'
});
exportLink.click();
还请注意,动态创建“exportLink”变量在Firefox中不起作用,因此我必须在HTML文件中包含以下内容:
<div>
<a id="exportLink"></a>
</div>
基于以上所述,我已经使用Windows7 64位和Opera(v22)、Firefox(v29.0.1)和Chrome(v35.0.1916.153 m)成功地测试了这一点
为了在Internet Explorer上启用类似的功能(尽管不那么优雅),我不得不使用Downloadify。所以给出这个问题的解决方案听起来很难:|你好,dbf,我不是要求我的朋友只是寻求我问题的解决方案。你能帮忙吗?当你将数据发送到服务器时,你应该在asp.net中处理它,并发送一个mime类型为“text/csv”的响应头,这将使它成为一个可下载的电子表格