改进“remote_function”使用“高级”阿贾克斯

Question

我正在使用 Ruby on Rails 3，并尝试使用 remote_function 方法改进视图文件中的 AJAX 请求。当鼠标指针位于

...

上时，以下代码将显示文本 Fire AJAX 并且将单击 Fire AJAX 时调用操作控制器方法。

在视图文件中，我有：

<div id="test_id_div">
  <span id="test_id_span" %> style="display: none">
    <%= link_to_function 'Fire AJAX', remote_function(:url => {:action => :action_method_name, :controller => 'controller_name'}) %>
  </span>

  <%=
    update_page_tag do |page|
      page.event.observe("test_id_div", 'mouseover') do |element|
        element[("test_id_span").to_sym].show
      end
      page.event.observe("test_id_div", 'mouseout') do |element|
        element[("test_id_span").to_sym].hide
      end
    end
  %>
</div>

上面的代码可以工作，但是我想以某种“更好”的方式改进它（例如：编写更少的代码，...）。 我怎样才能做到这一点？

---

PS：在我的例子中，Fire AJAX 将调用更新数据库中记录的操作控制器方法，因此我也想知道关于安全问题我应该\必须了解什么。

Answer 1

mouseover/out 效果是怎样的，这可以通过一些 CSS 来实现（IE6 不支持）：

ERB:

<div id="test_id_div">
  <span id="test_id_span" %>>
    <%= link_to_function 'Fire AJAX', remote_function(:url => {:action => :action_method_name, :controller => 'controller_name'}) %>
  </span>
</div>

CSS:

#test_id_div span { display: none; }
#test_id_div:hover span { display: block; }

我既没有使用 Prototype 也没有使用相关的助手，但我相当确定您应该能够使用 link_to... :remote =>; true 在这种情况下也是如此，因为你似乎没有调用本地 JS 函数：

<%= link_to 'Fire AJAX', :action => :action_method_name, :controller => 'controller_name', :remote => true %>

并且进一步简化事情：如果你想简单地隐藏/显示链接，为什么不摆脱一个容器？

<div id="test_id_div">
  <%= link_to 'Fire AJAX', :action => :action_method_name, :controller => 'controller_name', :remote => true %>
</div>

#test_id_div a { display: none; }
#test_id_div:hover a { display: block; }

我希望我没有在某个地方误解了你，但这应该可以解决问题。