ruby-on-rails - 从 Ajax 调用时不呈现布局

Question

我有一个名为 index 的 rails 操作，用于呈现我页面的内容和布局。当我使用浏览器转到/index 操作时，它会按预期工作。我还希望能够通过使用 Ajax 调用它来呈现此操作，我使用以下方法执行此操作:

<%= link_to "Back", orders_path, :id => 'back_btn', :remote => true %>
<%= javascript_tag do %>
  jQuery("#back_btn").bind("ajax:complete", function(et, e){
    jQuery("#mybox").html(e.responseText);
  });
<% end %>

当以这种方式调用 Action 时，我希望它呈现并将索引 Action 传回，不包括布局。我怎样才能做到这一点？

Answer 1

您应该能够将 format.js 操作添加到您的 Controller 操作中，如下所示:

respond_to do |format|
  format.js
  format.html 
  format.json { render json: @foos }

理想情况下，您需要创建一个 index.js.erb 文件来构建页面内容:

$('#foos_list').update("<%= escape_javascript(render(@foos)) %>");

如果您要更新 div 的内容，基本上是更新布局内的整个页面，那么您将需要对其进行一些更改。在 format.js 中，您可以执行以下操作:

format.js { render 'foos/index', :layout => false }

但是如果你想使用ajaxified前端，我可以推荐一个框架来做这个，比如 Spine ?它将在帮助您构建网站方面大有帮助。

此外，使用这样的框架将迫使您按照 @Zepplock 的第二个建议分离您的应用程序。