简单的形式使远程抛出错误

Simple Form make remote throwing errors

当我尝试将其设置为远程时,我无法让 simple_form 正常工作。我不想刷新整个页面,只刷新具有表单的区域。目前,我有这个:

<div class="col-2">
    <%= simple_form_for ([current_user, @character]), defaults: {label: false} do |m| %>
        <%= m.simple_fields_for :dnd5e_sheet do |p| %>
            <%= p.input :acrobatics, as: :boolean, input_html: { onchange: 'this.form.submit();' } %>
        <% end %>
    <% end %>
</div>

这有效但整个页面刷新,所以我添加了一条新路线:

resources :user, only: [:show] do
    resources :characters do
      put "minus-hp", to: "characters#minus_hp"
      put "add-hp", to: "characters#add_hp"
      patch "skill-update", to: "characters#skill_update"
    end
    resources :campaigns
  end 

然后在控制器中我做了一个新动作:

def skill_update
    @character = Character.includes(:dnd5e_sheet)
                          .find(params[:character_id])
    @character.update(character_params)
    respond_to do |format|
      format.js { render partial: 'characters/DnD5e/skills' }
    end
  end

skill.js.erb 只是有一个简单的渲染:

$("#stats").html("<%= escape_javascript(render partial: 'characters/DnD5e/skills_card') %>");

我已经尝试了所有我能想到的 URL 路径的组合,但无法使它们中的任何一个起作用。

编辑: 我也试过这个:

<%= simple_form_for @character, url: user_character_skill_update_path(current_user, @character), method: :put, remote: true, :authenticity_token => true, defaults: {label: false} do |m| %>
                          <%= m.simple_fields_for :dnd5e_sheet do |p| %>
                            <%= p.input :acrobatics, as: :boolean, input_html: { onchange: 'this.form.submit();' } %>
                          <% end %>
                        <% end %>

但它作为 HTML 请求而不是 javascript 发送它,所以在 respond_to

中出现错误

所以从这个问题中发现Rails Trying to submit a form onchange of dropdown

错误的不是form或者remote true,而是onchange事件,所以改成这样:

<%= m.input :acrobatics, input_html: { onchange: 'Rails.fire(this.form, "submit")' } %>

对于远程表单,一切都按预期工作