respond_to のあとにフロントで追加の処理をしたい

Question

【分からないこと】
form_withのsubmitボタンを押した後、バックエンドのアクションが実行されますが、完了したらフロント側で感知したいです。

フロントのsubmitボタンは下記の仕様です。

= form_with url: messages_create_mailing_label_path(format: :csv), method: :patch do |f|

~ 省略

%input.mailing-label-sbm-btn.btn.btn-primary.mr-4{ type: 'submit', value: 'CSV出力' }

上記の通り、format: csvが指定されています。

バックエンドの処理ではフロントへの返り値として

def create_mailing_label

~省略

   respond_to do |format|
     format.csv do
       send_mailing_label_csv(array_for_csv)
     end
   end
end

def send_mailing_label_csv(array_for_csv)
    bom = %w[EF BB BF].map { |e| e.hex.chr }.join
    csv_data = CSV.generate(bom) do |csv|
      array_for_csv.each do |c|
        csv << c
      end
    end
    send_data(csv_data, filename: "#{Time.zone.now.to_date}_宛名ラベル.csv")
  end

このようにcsvファイルを作成、ダウンロードするようにしています。

解決したいこととしましてはダウンロード後にフロントで処理を行いたいのですが、send_mailing_label_csv(array_for_csv)しか返せないため、フロントでアクションを起こせないことです。

javascriptで何か感知する方法がないか、もしくはバックエンドから働きかける等の方法があれば教えていただきたいです。

Comments

[shinoharat]

> ダウンロード後にフロントで処理を行いたい

「ダウンロードが100%完了したタイミング」での処理を望まれているのか、
「ブラウザがレスポンスを受け取ったタイミング」（ダウンロード開始のタイミング）での処理なのかで回答が変わってくるかなと思います。

どちらでしょうか？

[tarotarotarotar]

遅くなり申し訳ございません...

ブラウザがレスポンスを受け取ったタイミングを希望しております！