1

我正在尝试使用 jQuery () 实现 Rails 3.2 拖放购物车$.ajax

问题: 我不知道如何在 JavaScript 中向我的line_items控制器传递一个选项。:product_id我相信阿贾克斯是关键,所以这就是我现在的想法。目前,这很容易在 HTML 中使用button_to嵌入式 ruby​​ 完成,如下所示:

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

但是要实现拖放功能,需要在drop. 如何在 JavaScript 中做到这一点?

我的控制器:

# POST /line_items
# POST /line_items.json
def create
     @cart = current_cart
     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_index_url) }
     format.js   { @current_item = @line_item }
     format.json { render json: @line_item, status: :created, :location => @line_item }
     else
     format.html { render :action => "new" }
     format.json { render json: @line_item.errors, status: :unprocessable_entity }
    end
   end
end

我的 HTML:

    <% @products.each do |product| %>
     <div class="entry" data-id="<%= product.id %>">
       <h3><%= product.title %> </h3>
       <%= image_tag(product.image_url)%>
       <div style="display: none; width: 10px"><%= sanitize(product.description) %>   </div>
       <div class="price_line">
         <span class="price"><%= number_to_currency(product.price) %></span>(<%= product.unit_of_measure%>)
     <br>
     <%= button_to('Add to Cart', line_items_path(:product_id => product), :remote => true) %>
   </div>
 </div>
   <p>
<%  end %>

我的Javascript:

    $(document).ready(function(){
    //End Navigation Buttons
    var dragDrop;

$('.entry').draggable({
    revert: true ,
    revertDuration: 500,
    containment: "document", 
    zIndex: 100, 
    helper: "clone",
    start: function(){
        dragDrop = $(this).data('id');
    }
});

$('#cart').droppable({
    accept: '.entry',
    activeClass: 'active',
    hoverClass: 'hovered',
    drop: function( event, ui ){
        $.post({
           url: "<%= escape_javascript(line_items_path(:product_id => product)) %>"
        });
    }
});
...

到目前为止,除了没有:product_id传递到之外,拖动工作和下降工作line_itemsERROR bad URI '/store/[object Object]'.当我放下一个项目时,我只是进入我的命令控制台。

4

1 回答 1

0

后功能应该是:

$.post({
   url: "<%= escape_javascript(line_items_path(:product_id => product.id)) %>"
});

注意product.id而不是product

于 2013-07-19T17:59:27.730 回答