如何指定 AJAX 响应？

Question

我正在尝试 Rails3 / JQuery / unobtrusive javascript。我已经编写了一个玩具应用程序，可以在禁用 JS 的情况下执行我想要的所有操作，现在我想引入 javascript，这样服务器就不必在每次事务时刷新整个页面。

这是用于创建新玩具的非 JS 控制器/视图环境：

控制器

class ToysController < ApplicationController
...
def new
  @toys = Toy.all
  @toy = Toy.new
  respond_to do |format|
    format.html               # new.html.erb
  end
end

视图

# ========== 
# file: views/toys/index.html.erb
<%= render :partial => 'list', :locals => {:toys => @toys, :target => nil} %>
<%= link_to 'New Toy', new_toy_path, :class => 'new' %>

# ========== 
# file: views/toys/new.html.erb
<%= render :partial => 'list', :locals => {:dj_monitors => @toys, :target => @toy} %>

# ========== 
# file: views/toys/_list.html.erb
<div class='table-div'>
  <div class='body-div'>
    <% toys.each do |t| %>
      <%= render :partial => 'toy', :locals => {:toy => t} %>
    <% end %>
    <% if target && target.new_record? %>
      <%= render :partial => 'form', :locals => {:toy => target} %>
    <% end %>
  </div>
</div>

（请原谅任何明显的复杂性，但 _list.html.erb 所做的只是列出所有现有玩具，如果 :target 引用新记录，则呈现_form 部分在列表的末尾。）

# ========== 
# file: views/toys/_form.html.erb
<%= form_for(toy) do |f| %>
  <div class='column selected'><%= f.number_field :sku %></div>
  <div class='column selected'><%= f.text_field :description %></div>
  <div class='column selected'>
    <%= link_to 'Cancel', toys_path %>
    <%= f.submit %>
  </div>
<% end %>

ajaxification

我希望在启用 javascript 的版本中单击“新玩具”链接（在 index.html.erb 中）提交一个返回的 XMLHttpRequest 只有表单部分，它将就地呈现。该表格的发布将是标准远程 =>真实交易也是如此。

但我不知道如何让服务器仅返回表单。我将 ToysController 的新方法修改为：

def new
  @toys = Toy.all
  @toy = Toy.new
  respond_to do |format|
    format.html               # new.html.erb
    format.js   { render :partial => 'form', :locals => {:toy => @toy} }
  end
end

... 并启用 :remote => index.html.erb 视图中 [New Toy] 链接中的 true 选项：

<%= link_to 'New Toy', new_toy_path, :class => 'new', :remote => true %>

现在我的代理 Web 调试器看到 GET /toys/new HTTP/1.1 和 X-Requested-With: XMLHttpRequest （看起来正确），但响应是 HTTP/1.1 304 Not Modified

为什么它不渲染 _form.html.erb？

更新：避免“304 Not Modified”（非）响应

有两个问题 - @Robin 解决了主要问题。另一部分是我收到“304 Not Modified”响应——这在技术上是正确的，因为服务器已经发送了表单——但使调试变得困难。

因此，如果您尝试调试 javascript/ajax 代码，可以在控制器中调用“expires_now”，以强制服务器在调试时重新发送页面，如下所示：

def new
  @toy = Toy.new
  expires_now
  respond_to do |format|
    format.html ...
    format.js ....
  end
end

Answer 1

def new
    @toy = Toy.new
    respond_to do |format|
        format.html { @toys = Toy.all } #you only need to get all toys in this case (and you should add pagination)
        format.js
    end
 end

：

$("#some_div").append("<%= escape_javascript(render "toys/form", :toy => @toy) %>")

如果您自己执行请求，则需要在 format.js 中呈现部分内容

$.ajax({
   success: function(data) {
       $("#some_div").append(data);
   }
})