ajax在rails 4上不起作用

Question

我到处都看过，但似乎找不到为什么我的AJAX请求没有通过添加到购物车的问题。

line_items_controller.rb

def create
  product = Product.find(params[:product_id])
  @line_item = @cart.add_product(product.id)

  respond_to do |format|
    if @line_item.save
      format.html { redirect_to store_url }
      format.js   { @current_item = @line_item }
      format.json { render action: 'show',
                           status: :created, location: @line_item }
    else
      format.html { render action: 'new' }
      format.json { render json: @line_item.errors,
                           status: :unprocessable_entity }
    end
  end
end

存储/ index.html.erb

       <% if notice %>
<p id="notice"><%= notice %></p>
<% end %>

<h1>Your Pragmatic Catalog</h1>

<% cache ['store', Product.latest] do %>
<% @products.each do |product| %>
    <% cache ['entry', product] do %>
        <div class="entry">
          <%= image_tag(product.image_url) %>
          <h3><%= product.title %></h3>
          <%= sanitize(product.description) %>
          <div class="price_line">
            <span class="price"><%= number_to_currency(product.price) %></span>
            <%= button_to 'Add to Cart', line_items_path(product_id: product),
                          remote: true %>
          </div>
        </div>
    <% end %>
<% end %>
<% end %>

line_items / create.js.erb

$('#cart').html("<%= escape_javascript render(@cart) %>");

$('#current_item').css({'background-color':'#88ff88'}).
    animate({'background-color':'#114411'}, 1000);

line_items / _line_item.html.erb

 <% if line_item == @current_item %>
<tr id="current_item">
<% else %>
<tr>
<% end %>
<td> <%= line_item.quantity %>&times; </td>
<td> <%= line_item.product.title %> </td>
 <td class= "item_price" > <%= number_to_currency(line_item.total_price) %> </td>
</tr>

我可以在日志文件中看到，每次将商品添加到购物车时，该页面都会发送一堆GET请求，并且还可以看到它重新加载。 在日志文件中找不到错误。

重新启动站点几次。 检查我是否正确安装了jquery和jquery-ui gem。 没有改变。

Answer 1

尝试指定

方法：：post

在button_to调用中。 获取请求不会触发create方法。

Answer 2

您正在调用line_items_controller.rb的create操作，而create操作是POST操作。

所以在这里添加method: :post

<%= button_to 'Add to Cart', line_items_path(product_id: product), method: :post
                          remote: true %>

并尝试在调用或不调用的创建操作中进行调试。

Answer 3

在partial的顶部包括以下两个JavaScript文件：

javascript_include_tag "jquery", "jquery_ujs"

Answer 4

似乎您忘记了在create action中定义@cart 。 只需添加@cart = current_cart