使用 jQuery 的 Rails 观察字段

Posted 2023-05-09

【中文标题】使用 jQuery 的 Rails 观察字段

【英文标题】：Rails observe_field using jQuery

【发布时间】：2011-01-08 19:26:46

【问题描述】：

有没有等效于 Rails/Prototype 的 observe_field 方法使用 jQuery 没有 jRails？

我正在使用 will_paginate 进行搜索时键入：

2， :update => '结果', :loading => "Element.show('spinner')", :complete => "Element.hide('spinner')", :url => :controller => 'foo', :action => 'search' , :with => "'search=' + escape(value)") %>

【参考方案1】：

使用 jQuery，您需要使用选择器，这样应该可以工作

$("#search").bind("blur", function() 
  $("#spinner").show(); // show the spinner
  var form = $(this).parents("form"); // grab the form wrapping the search bar.
  var url = form.attr("action"); // grab the URL from the form's action value.
  var formData = form.serialize(); // grab the data in the form
  $.get(url, formData, function(html)  // perform an AJAX get, the trailing function is what happens on successful get.
    $("#spinner").hide(); // hide the spinner
    $("#results").html(html); // replace the "results" div with the result of action taken
  );
);

对评论的回应

如果你想对keyup做出反应，那么将第一行替换为

$("#search").bind("keyup", // etc...

【讨论】：

谢谢，但这看起来只有在搜索框失去焦点时才有效。我正在寻找一种输入时搜索的功能。

是否可以为此添加“延迟”，使其不会在每次按键后调用，而是等待用户暂停几百毫秒？

@JarrettMeyer，当我执行 .html() 时，整个表单会在浏览器中呈现为原始 html，您能说出问题所在吗？

【参考方案2】：

试试这个：

https://github.com/splendeo/jquery.observe_field