Rails UJS更改输入字段

Question

我有一个输入字段。当用户更改它的值时，几秒钟后，我希望它向服务器发出一个post请求，以便我可以更新该属性。我正在使用UJS，并找到了this文档。

它说当你同时使用data-remote和data-url时，它会在元素的改变事件之后向给定的url发送AJAX请求。我有一个这样的帮手：

f.text_field :name, class: "form-control", data: {remote: true, url: contact_path(@contact), method: :post }

我检查html，它看起来是这样的：

<input class="form-control" data-method="post" data-remote="true" data-url="/contacts/1" id="contact_name" name="contact[name]" type="text" value="sdfdf dsfdsfdgf">

当我更改文本字段的值时，它不会向服务器发送post请求。什么都没发生。如果我没有使用Rails UJS，我会在js keyup事件上发送到服务器。我是不是遗漏了什么Rails UJS？

Answer 1

我想通了。首先，只有在输入字段失去焦点之后才会进行ajax调用。因此，它不是在keyup事件上触发，而是在focusout事件上触发。换句话说，您必须单击或跳出输入字段，然后ajax调用将被触发。

第二个问题是chrome控制台显示了一个404错误，因为我使用POST方法向contacts/1发送了一个请求。contacts/1响应PUT方法，而非POST方法。当我切换到PUT method并跳出输入字段时，请求到达了我的控制器。

Answer 2

在application.js中初始化rails-ujs的正确方法是

import Rails from 'rails-ujs'
Rails.start()