问升级到rails 5.2 -远程窗体现在刷新页面

EN

我正在尝试将Rails 5.1.7应用程序升级到5.2.0。网站上的一些表单被升级打破了。表单的模板如下所示：

<%= form_with model: record, url: client_field_value_path(@dataset, record), remote: true do |form| %>
  <%= the form contents %>
<% end %>

我认为表单中唯一相关的部分是它使用remote: true。我发现在Rails 5.2中，remote: true被更改为form_with助手的默认设置。我相信这是用不显眼的javascript实现的，但我对ujs的理解不是很好。

表单是在不重新加载页面的情况下提交的，页面中的状态更改由ajax侦听器处理。我们使用jquery -客户端代码包括行：

  $(this.form).trigger('submit');

它正在执行本地提交，而不是远程提交。这样页面就会刷新，JSON响应就会呈现出来。我发现针对rails-ujs的问题看起来是相关的，他们建议用

form = document.querySelector('form');
form.dispatchEvent(new Event('submit', {bubbles: true}));

或者，用rails-ujs，

form = document.querySelector('form');
Rails.fire(form, 'submit');

我已将rails-ujs添加到application.js文件中：

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
// ....
//= require jquery
//= require jquery_ujs
//= require rails-ujs
// ....

(jquery和jquery_ujs已经存在了)。我尝试了上述两种建议，但它们似乎都没有触发表单的提交。我真的被困住了！如果有更多的细节我可以提供，请问。我不太理解ujs的情况，所以我有点迷路了。

编辑：完整的保存调用--这是在单击“保存”按钮时触发的(但该按钮不是<input type=submit>，它只是一个样式的按钮)。

  save(event) {
    if( event ) {
      event.preventDefault();
      event.stopPropagation();
    }

    this.container.addClass('saving');

    // this.form.submit();
    Rails.fire(this.form[0], 'submit');


    this.container.find(".field-controls button").prop('disabled', true);
  }

更新：，我已经设法让它正常工作了。我非常感谢您能帮助我理解以下更改的来源，以及应用程序配置中是否出现了一些问题，这使得它变得比必要的更难。

• 在表单中显式地将remote: true更改为local: false。
• • 没有这一点，data-remote=true属性就不会在HTML中设置。

• • 只保留空白是不够的，尽管它应该是默认的。如果我不提供local: false，我就会进入控制台：

$('form[data-remote=true]').length
0

• • 根据这个答案，默认值由Rails.application.config.action_view.form_with_generates_remote_forms配置。这个值是控制台中我的nil。我找不到它被覆盖的任何地方。

• 在我的JS资产中添加了rails-ujs并删除了jquery_ujs。
• • 我需要包含rails-ujs，以便定义Rails (下一步需要)。

• • 当包含rails-ujs时，我收到了一个JS警告:应该删除jquery_ujs。我认为这是包括在jquery-rails宝石-我也安全地删除它吗？

• this.form.submit()改为Rails.fire(this.form[0], 'submit')。
• • $(form).submit()的任何变体都执行本地提交，而不是远程提交。

• • 在以前的版本中，jQuery提交是远程的，而不是本地的。

• • 我不知道这是在哪里记录的。上面链接的答案对此进行了解释--但这真的是RoR打算提交ajax表单的方式吗？我发现在这个意义上有一种“正确的方式”和“错误的方式”来提交表格，这是非常不直观的。

• 更改了ajax:success处理程序的签名。
• • 同样，我也没有找到解释这种变化的地方，但我想这只是“rails-ujs是如何做到的”。我必须通过ajax处理程序从

  form.on('ajax:success', (event, response, status) => {
    $.each(response, (i, key) => {
      do_stuff();
    });
  });

至

  form.on('ajax:success', (event) => {
    const [response, _status, _xhr] = event.detail;
    $.each(response, (i, key) => {
      do_stuff();
    });
  });

同样，我想这是因为事件是由rails-ujs处理的，而不是由jquery处理的，但是.为什么？你怎么会知道？