javascript - jQuery 下载带有链接 onclick 的 csv 文件

Question

我正在尝试使用 jquery 按钮 onclick 下载 CSV 文件。我有一个<a>标签 ID export我希望它指向下载链接，我可以在其中下载刚刚创建的 CSV 文件。

// Using this jquery to send my sql query to server-side-CSV
$('#export').on('click', function() {
  var sqlsend = dataTable.ajax.json().sql;
  $.post('server-side-CSV.php', 'val=' + sqlsend, function(request){
    //code should go here
  });
});

这是我的 php 代码，我正在其中创建 CSV 文件

// This is my server-side-CSV file. It's creating a csv file to     downloaded
<?php
require("connection.php");
$sql = $_POST['val'];
.
.more code
.

// loop over the rows, outputting them
while ($row = mysqli_fetch_assoc($rows)) fputcsv($output, $row);
fclose($output);
exit;
?>

如何下​​载 CSV 文件？

编辑:终于找到答案了

$('#export').on('click', function() {
  var sqlsend = dataTable.ajax.json().sql;
  window.location.href="server-side-CSV.php?val="+sqlsend;
});

Answer 1

而不是$.post，将浏览器发送到下载位置:

document.location.href = 'server-side-CSV.php?val='+sqlsend;

您需要在循环之前添加 header 。

header("Content-type: text/csv");
header("Content-Disposition: attachment; filename=file.csv");
header("Pragma: no-cache");
header("Expires: 0");

参见this answer .