phpとajaxを使ってCSVファイルを生成してダウンロードする

Question

私はphpページにCSVファイルを作成し、ブラウザで自動的にダウンロードします。ここにはサンプルデータのあるバージョンがあります。

<?php 

$cars = array(
    array("Volvo",22,18), 
    array("BMW",15,13), 
    array("Saab",5,2), 
    array("Land Rover",17,15) 
); 

// output headers so that the file is downloaded rather than displayed 
header('Content-Type: text/csv; charset=utf-8'); 
header('Content-Disposition: attachment; filename=csvfile.csv'); 

// create a file pointer connected to the output stream 
$output = fopen('php://output', 'w'); 

// output the column headings 
fputcsv($output, array('Car', 'Year', 'Miles')); 

//Loop through the array and add to the csv 
foreach ($cars as $row) { 
    fputcsv($output, $row); 
} 

?> 

私は、ユーザーが生成できるようにajaxを使用して別のページからこれを実行できるようにしたいと思います/メインページを離れることなくcsvをダウンロードしてください。これはメインページで使用しているJavaScriptです。私の実際のページでは、ajax経由のデータを使用しています。

$('button[name="exportCSVButton"]').on('click', function() { 
    console.log('click'); 
    $.ajax({ 
     url: 'exportCSV.php', 
     type: 'post', 
     dataType: 'html', 
     data: { 

      Year: $('input[name="exportYear"]').val() 
     }, 
     success: function(data) { 
      var result = data 
      console.log(result); 


     } 
    }); 
}); 

私は、スクリプトをトリガするボタンをクリックすると、それが実行されますが、代わりに保存するので/ csvにダウンロードし、それを慰めるために全体の事を出力します。私が欲しいものを達成する方法はありますか？実際にファイルをサーバーに保存せずに再度開く必要はありません。

Answer 1

私はのiframeを非表示にし、javascriptを使用してiframeのソースをexportCSV.phpの適切なヘッダーとデータを送信したphpファイルに設定しました。

しかし、あなたはこのアイデアを好きではない場合、あなたはにconsole.log（結果）を交換jQuery File DownloadまたはFileSaver.js

Answer 2

のようなライブラリを使用することができます。ファイルセーブコード付き。 ここをクリックJavaScript: Create and save file

ブラウザのダイアログボックスでファイルを保存するには、シンプルなコードを使用することをお勧めします。

<a href="#" onclick="window.open('exportCSV.php?year=' + $('input[name="exportYear"]').val())" >Download File</a>