Rails 3：简单的 AJAXy 页面更新？

Question

我不敢相信我为了这个简单的任务花了四个小时，但我做到了。

在 Rails 2.3 中，我可以使用以下简单代码替换页面的一部分：

render :update do |page| page.replace_html "div_id", :partial => “新内容”，... 在

Rails 3 中，Ryan Bates 让我编写全新的 javascript 函数，从 Prototype（rails 默认）切换到 jQuery，否则就不享受生活了。其他课程也同样简单。

我缺少什么？现在我们如何替换

？

Answer 1

谢谢，伙计们。官方的答案似乎是，是的，团队认为简单是优秀的敌人，因此将其变得更加复杂。

第一个关键是创建一个 .js.erb 文件，该文件名为调用 ajax 更新的方法。因此，如果索引方法处理更新，请将原始 JavaScript 放入 index.js.erb 中。这位于视图文件夹中。

其次，在index.js.erb中工作的代码是

m = $('list_users');    
m.innerHTML = "<%= escape_javascript(render :partial => "reload_users") %>";

然后进行调用，在控制器方法的respond_to块中添加：

format.js

最后，调用视图有：

<%= link_to "Update User List", @reload_users_path, :remote => true %>

顺便说一句，据说所有旧页面都使用page.replace 将起作用。插件下载页面表明它在 Rails 3 的最新版本中出现问题并且尚未修复。此外，如果您使用它，各种博主会来到您家并更换您。

Answer 2

整个 RJS 内容使 javascript 内联，并使 dom 非常引人注目。此外，通过避免内联 javascript，您可以通过在浏览器中压缩和缓存这些文件来开辟其他可能的优化 javascript 的方法。这就是为什么 RJS 超出了 Rails 3 范围的原因。花一天时间使用 jQuery 或 Prototype 应该能让你熟悉这些小东西，并且从长远来看将有助于项目。

Answer 3

你那里还有 jQuery 吗？我会在任何一天推荐它而不是 Prototype...

如果它仍然存在，您可以在 Javascript 中使用以下内容：

$.get("<%= url_for path/to/partial %>",
      function(response) {
        $("#div_id").html(response);
      });

这通过 AJAX 获取部分，然后将其转储到 ID 为 div_id 的 div 中。

希望这有帮助！

Answer 4

我什至不确定您是否需要进行 AJAX 调用来加载该部分。我相信在 js.erb 文件中，对 render(:partial => object_or_path) 的调用只会返回一个包含所有 html 的字符串，您可以将其包装在 jQuery 对象中并附加。例子：

$('#div_id').html($('<%= render :partial => @object %>'))

Answer 5

据我所知，沿着与上面答案相同的路线，您可以在模板中执行类似的操作：

<%= link_to "Update User List", @reload_users_path, :remote => true %>

在控制器中，执行以下操作：

respond_to do |format|
  format.js {
    render :text => "alert('reloaded')"
  }
end

这样您就可以让控制器“执行”客户端 JS，就像渲染一样:update 过去常做的事。这相当于在 Rails 2 中执行以下操作：

render :update do |page|
   page << "alert('reloaded')"
end

有什么理由不建议这种方法吗？

Answer 6

试试这个：

page.call "$('#div_id').html", render(:partial => 'new_content')