jQueryリンク付きのcsvファイルをダウンロードonclick

Question

jqueryボタンonclickを使用してCSVファイルをダウンロードしようとしています。私はちょうどexportの<a>タグを持っています。ここでは、作成したばかりの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 
    }); 
}); 

そして、ここでは、私はCSVを作成しています私のPHPコードファイルの

// 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ファイルをダウンロードするために何ができますか？

EDIT： 最後に、

$('#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("Content-type: text/csv"); 
header("Content-Disposition: attachment; filename=file.csv"); 
header("Pragma: no-cache"); 
header("Expires: 0"); 

this answerを参照してください。