jQueryでファイルダウンロード

ハマったので備忘録としてメモ。

画面でボタンをクリックするとファイルのダウンロードを行う処理。
ファイルが無い場合は画面遷移を行わずに画面へエラーメッセージまたはダイアログで通知したい。
サーバはJavaを使用。FWは使用しない。(SAStrutsなら簡単そう？)

ダイアログを出すならAjaxかなと思いjQueryを使用。
Servletの非同期呼び出しは下記のように$.postで呼び出し、パラメータとコールバックメソッドを指定する

function download(parameter) {
    query = {
        parameter : parameter,
    }
    $.post("/DownloadServlet", query, read);
}

function read(resp) {
    // コールバック関数でなんか処理
}

ただ、Ajaxだとレスポンスをjavascriptが解釈してしまい、ブラウザのダイアログによるファイルダウンロードを行うことができない。
そのため、最初の非同期呼び出しでチェック処理だけ行い、ファイルが無ければコールバック関数でダイアログを表示、ファイルがあれば別のファイルダウンロード用サーブレットを呼び出すことで対応した。

function download(parameter) {
    query = {
        parameter : parameter,
    }
    $.post("/DownloadFileCheckServlet", query, read);
}

function read(resp) {
    // コールバック関数でなんか処理
    if (resp.length == 0) {
        // レスポンスに何も入力されて無ければファイル有り(とする)サーブレットをGetメソッドで呼び出し
        location.href = "/DownloadServlet";
    } else {
        // レスポンスに入力されていればエラーメッセージとしてダイアログに出力(とする)
        alert(resp);
    }
}

これでチェック処理でエラーが発生した時はレスポンスにエラーメッセージを書き込めばダイアログが表示され、レスポンスに何も書き込まれなかった(エラーでない)場合はファイルダウンロード用サーブレットが呼ばれてブラウザによるダウンロードが開始される。

チェック処理とファイルダウンロード処理で別サーブレットになるので、セッションで値を共有しました。
ここは一時フォームを作成してPostメソッドでsubmitしても良いかもしれません。

下記のサイトを参考にさせて頂きました。ありがとうございます。
http://chez-sugi.net/journal-20070306