◀ 2.

CSVファイルのダウンロード

編集

ページの作成

テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例：親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例：親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！

テンプレート

本稿はAjaxを用いたCSVファイルのダウンロード方法を記載します。

尚、実装例のサーバーサイド言語はJavaのSpring Frameworkとします。（適宜読み替えて下さい。）

HTML

<button id="download" type="submit">ダウンロード</button>

Javascript

$("#download").click(function() {
$.ajax({
method: 'post',
url: 'csvDownload',

   }).done(function(data, status, jqXHR) {
       let downloadData = new Blob([data], {type: 'text/csv'});
       let filename = 'test.csv'

let downloadUrl = (window.URL || window.webkitURL).createObjectURL(downloadData);
       let link = document.createElement('a');
       link.href = downloadUrl;
       link.download = filename;
       link.click();
       (window.URL || window.webkitURL).revokeObjectURL(downloadUrl);

});
}
);

Java

@RequestMapping("csvDownload")
public void csvDownload(HttpServletResponse response) {

response.setContentType(MimeTypeUtils.APPLICATION_OCTET_STREAM_VALUE + ";charset=utf-8");
response.setHeader("Content-Disposition", "attachment; filename=\"test.csv\"");

try (PrintWriter printWriter = response.getWriter()) {

String str = "a" + "," + "1" + "\r\n";

printWriter.print(str);

} catch (IOException e) {

e.printStackTrace();

}
}