form_forを使ったRails.fireの使い方

JS側からsubmitを行う方法として、Rails.fireを使う方法があります。
Rails.fireを使うとajax通信が可能になります。
form_forの中で、remote: trueを指定することによって、html.erbがコンパイルされた結果のhtmlに「data-remote="true"」が記述される様になり、ajax通信が可能になります。

html.erb側

<%= form_for hoge_model, url: '', html: { id:'hoge_form',method: put},remote: true do |f| %>
  <%= f.text_field :name, placeholder: 'test' %>
  <%= f.button id: 'hoge_submit' ,type:'button' %>
<% end %>

js側

import Rails from "@rails/ujs";

$(document).on ('turbolinks:load', function(){
  $('#hoge_submit').on('click',function(e) {

    Rails.fire($("#hoge_form")[0],'submit');
  }
});

参考
- form_forでajax通信をするための方法
  - https://pikawaka.com/rails/remote-true
- form_tagでRails.fireを使う場合
  - https://github.com/Nicode80/claire_garden/blob/4230d7047190273ee1cf3317b4eea71ddc34d319/app/javascript/components/ajax_filter.js
  - https://github.com/Nicode80/claire_garden/blob/4230d7047190273ee1cf3317b4eea71ddc34d319/app/views/plants/index.html.erb
- form_withでRails.fireを使う場合
  - https://www.bokukoko.info/entry/2017/12/22/194327