远程：true表单在提交内联时不断重新加载页面

Question

我有一个带有选择下拉列表的表单：

= form_for @project, url: project_ga_data_period_path, method: :get, remote: true, html: {id: 'period_form'} do |f|
  = select_tag "period", options_for_select([['30 days' ,'30'], ['60 days', '60'], ['180 days', '180']]), class: 'form-control', onchange: ("javascript: $('#period_form').trigger('submit');")

正如您所看到的，它没有按钮，因为我希望表单在用户从下拉列表中选择内容后重新加载页面上的部分内容。

这是我的控制器：

class GaDataController < ApplicationController
  def update  
    @chart_data = fetch_data

    respond_to do |format|
      format.js
    end
  end
end

路线：

get 'ga_data_period', to: 'ga_data#update'

JS文件（update.js.erb）：

$('#chart-container').html("<%= escape_javascript(render partial: 'documents/partials/index_chart_container' ) %>")

然而，在选择页面仍然重定向到URL时，我收到错误：

ActionController::UnknownFormat

如果我使用提交按钮，一切正常。