javascript - 如何将此 observe_field 转换为 jquery

Question

我想使用 jquery 而不是 prototype 并且我有点迷失在 jquery 中转换这个 observe_field。

<%=text_field_tag :section %>
<%= observe_field(:section, 
                  :frequency => 0.1, 
                  :update => "article_list",
                  :with => 'section', 
                  :url =>{ :action => :get_article_list }) %>

这是我的开始:

$(document).ready(function() {
  $("#section").bind("keyup", function() {
    var url = '/catalogs/get_article_list';
    $.get(url, function(html) {
      $("#article_list").html(html);
    });
  });
});

我读了这个post但我想我错过了一些东西。

将不胜感激任何解释。

谢谢。

Answer 1

观察者，观察任何输入元素上的事件，当事件发生时，它使用 ajax 向给定的 url 发送请求，并在给定元素的页面上更新响应。

这里事件监听的很好，所以你写了绑定(bind)section元素的keyup事件的代码。

现在，当 keyup 事件触发时，您需要向服务器发出 ajax 请求。

 $(document).ready(function() {
   $("#section").bind("keyup", function() {
   data = {this.name: this.val()}; // the value of input that need to send to server
   $.get(url, data, // make ajax request
     function(html) { // function to handle the response
      $("#article_list").html(html); // change the inner html of update div
     });
   });
 });

希望这能帮助你理解它。