javascript - Rails 3.2 - 文本字段更改时的 Ajax 调用

Question

我有一个 Rails 3.2.13 应用程序，在表单和链接上使用一些 Ajax，使用远程参数。问题是我在文档中找不到如何对文本字段执行相同的操作 -remote 参数不起作用，所以我认为输入对象不支持它。

我想在我的 text_field 对象上绑定(bind)“ajax:xxx”事件(如“ajax:success”)。我什至可以用 UJS 实现这一点吗？如果没有，我的选择是什么？

这是一些代码:

<%= form_for @post, :html => {:class => 'form-horizontal'} do |f| %>    
<div class = 'control-group'>
    <%= f.label :title, :html => {:class => 'control-label'} %>     
    <%= f.text_field :title, :placeholder => 'Title', :class => 'input-xxlarge' %>
</div>

<div class = 'control-group'>
    <%= f.label :body, :html => {:class => 'control-label'} %>      
    <%= f.text_area :body, :placeholder => 'Your post here', :class => 'input-xxlarge', 
    :rows => 15 %>
</div>

<div class = 'control-group'>
    <%= f.label :tags, :html => {:class => 'control-label'} %>      
    <%= f.text_field :tags, :placeholder => 'Tags separeted by ,', :class => 'input-xxlarge', 
    :value => '' %>
</div>

<%= f.submit 'Create', :class => 'btn btn-primary'%>

谢谢!

Answer 1

我会将 change 或 blur 事件绑定(bind)到 input，然后手动进行 Ajax 调用在您的 javascript/coffecript 文件中。

posts.js

$('#post_title').change(function() {
  // Do your stuff, instantiate variables, etc...
  $.ajax({
    type: post_or_get,
    url: your_url,
    data: your_data,
    success: function(data) {
      // Handle stuff after hitting the server here
    },
    error: function(data) {
    }
  });
});