Rails：AJAX无法与表单创建动作

这是一个简单的购物清单应用程序。左列div是列表的列表。特定列表的项目显示在右列div中。Rails：AJAX无法与表单创建动作

具体的过程：

一个用户点击列表中的一个，然后加载（AJAX）这是在正确的股利相关的项目。这工作正常。

这里就是我坚持：

以上项目是输入字段提交新的项目之下的项目清单。我希望AJAX将新项目添加到下面的项目中，但是当我按下表单字段上的输入时，什么都不会发生。当我刷新时，新项目被添加。

这里是服务器的说：

Processing by ItemsController#create as JS 
    Parameters: {"utf8"=>"✓", "authenticity_token"=>"YWIlMPXqoTvhqzGGPqm6Rn/E7jPRt8do/2tkjd0H1Qk=", "item"=>{"name"=>"Mayo"}, "list_id"=>"4"} 
    List Load (0.1ms) SELECT "lists".* FROM "lists" WHERE "lists"."id" = ? LIMIT 1 [["id", "4"]] 
    (0.0ms) begin transaction 
    SQL (20.9ms) INSERT INTO "items" ("completed", "created_at", "description", "list_id", "name", "position", "updated_at") VALUES (?, ?, ?, ?, ?, ?, ?) [["completed", false], ["created_at", Mon, 29 Apr 2013 21:59:06 UTC +00:00], ["description", nil], ["list_id", 4], ["name", "Mayo"], ["position", nil], ["updated_at", Mon, 29 Apr 2013 21:59:06 UTC +00:00]] 
    (1.6ms) commit transaction 
    Rendered items/_piece.html.erb (0.0ms) 
    Rendered items/create.js.erb (0.7ms)

这里的页面加载过程：

home.html.erb>_single.html.erb>create.js.erb>补充_piece.html.erb到home.html.erb

这是创建操作来自我的items_controller.rb文件：

def create 
     @list = List.find(params[:list_id]) 
     @item = @list.items.create!(params[:item]) 
     respond_to do |format| 
      format.html 
      format.js 
     end 
    end

这是我create.js文件：

$('#item-container').prepend('<%= j render(partial: 'piece', locals: {item: @item}) %>');

这是我_piece.html.erb文件：

<li><%= item.name %></l1>

这是我_single.html.erb文件：

<div id="filter"> 
    <div id="filter-left"> 

    </div> 
    <div id="filter-right"> 
    <%= link_to 'Delete', @list, :method => :delete %> 
    </div> 
</div> 

<div id="quick-add"> 
    <%= form_for [@list, @item], :id => "form-quick", remote: true do |form| %> 
     <%= form.text_field :name, :id => "input-quick", :autocomplete => "off" %> 
    <% end %> 
</div> 

<ul class="item-container"> 
    <% @list.items.incomplete.each do |item| %> 
    <% if item.id %> 
     <li><%= link_to "", complete_item_path(@list.id,item.id), :class => "button-item button-item-incomplete" %> <%= item.name %></li> 
    <% end %> 
    <% end %> 
</ul> 

<div class="title">Completed items</div> 

<ul class="item-container"> 
    <% @list.items.completed.each do |item| %> 
    <% if item.id %> 
     <li><div class="button-item button-item-completed"></div><%= item.name %></li> 
    <% end %> 
    <% end %> 
</ul>

这是我的home.html.erb fil e：

<div id="main-left"> 
    <div id="main-left-1"> 
     <%= link_to 'Add List', new_list_path, class: "button", id: "new_link", remote: true %> 
    </div> 
    <ul id="lists" data-update-url="<%= sort_lists_url %>"> 
     <% @lists.each do |list| %> 
     <%= content_tag_for :li, list do %> 
      <%= link_to list.name, list, :remote => true, :class => "link" %> 
     <% end %> 
     <% end %> 
    </ul> 
</div> 
<div id="main-right"> 

</div>

来源

2013-04-29 Jeff Eisley

嗯，我有“item-container”作为ID而不是JS.ERB文件中的类。 SILLY错误！

来源

2013-08-08 06:53:52

Rails：AJAX无法与表单创建动作

回答

相关问题