如何更新“div” ActiveRecord 值更改后的内容无需重新加载页面？

Question

我正在将 Ruby on Rails 3 与 Prototype/Scriptaculous 结合使用，并且尝试在更改 ActiveRecord 值后更新“div”内容，而无需重新加载页面。

在“edit.html.erb”中，我有：

...

<div id="test_id">
  <%= @account.name.to_s %>
</div>

<%= link_to_function( "Make test" ) do |page|
  page.replace_html :test_id, @account.name.to_s
end %>

...

在单击“Make test”之前，我更新了“@account.name”值，甚至通过 AJAX 也是如此。然后，单击“进行测试”，模板不会更改。

这些是步骤：

1. 页面
2. 我显示通过 AJAX 更新“@account.name”的
3. 我点击“Make test”
4. “div”，其中“id=”test_id”不会改变！

我做错了什么？

PS：我认为@account 不会在页面中重新加载，即使他的值在数据库中发生更改也是如此。如果是这样，我该怎么办？

---

我看过Railscasts“AJAX with RJS”，我遵循了其中的一个例子（就像我的），但它对我不起作用。

Answer 1

如果您在 @account.name 的值为“George”时渲染了 edit.html.erb，则 HTML 将保持不变（值为“George”），直到您刷新它。您对 link_to_function 的调用是在页面加载时呈现一个 html 链接，该链接调用 javascript，将“test_id”div 的内部 html 替换为“George”。除非您替换该 HTML，否则它将始终将该 div 的内部 html 替换为“George”。

在不确切知道您想要做什么的情况下，很难推荐解决方案...

更新以获取更多详细信息：

如果您正在进行 AJAX 调用来更改服务器上帐户名称的值为“Fred”，并且希望该更改出现在页面上，您应该刷新页面中在同一 AJAX 调用（同一控制器操作）中使用该值的部分。

您的 link_to_function 生成如下 HTML（如果渲染页面时 @account.name 为“George”）：

<a onclick="try { Element.update("test_id", "George"); ... >Make test</a>

它不是 ajax 调用，它只是一个执行 javascript 的链接。如果您想让它成为一个 Ajax 调用来查找帐户名称的最新值并刷新 test_id div，请执行以下操作：

<%# you need prototype included, but it should probably be in application.rhtml %> 
<%= javascript_include_tag "prototype.js" %>

<div id="test_id">
  <%= @account.name.to_s %>
</div>

<%= link_to_remote "Make test", :url => { :controller => "account", :action => "change_name" } %>

“Make test”链接现在将执行对“account”控制器中的“change_name”方法。这个方法看起来像这样：

def change_name
  # here you would load the account from the db; I'm cheating
  @account = Account.new(:name => "Fred")

  render :update do |page|
    page.replace_html :test_id, :text => @account.name.to_s
  end
end