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();

    }
}

 

子ページ
子ページはありません
同階層のページ
  1. $.ajax()
  2. CSVファイルのダウンロード

最近の質問

コメント一覧

コメントがありません

ログインしなければコメント投稿はできません。