Me gusta actualizar una tabla con los nuevos valores usando ajax. Cual es la idea Tengo un carrito, donde el usuario puede cambiar la cantidad del producto. No me gusta recargar toda la página. Quiero recargar la mesa. Por el momento funciona con la recarga de toda la página.

Que he hecho.

Tengo un formulario para introducir un valor de cantidad. Para conectar el producto con un carrito (ManyToMany), utilizo line_item. Así que cada line_item representa un producto en un carrito.

Esta vista del carro.

<div id="cart_table">
  <%= render @cart %>
</div>

El render @cart

<table class="table  table-hover table-condensed">
  <tbody>
    <%= render cart.line_items %>
  </tbody>
</table>

Line_items con el formulario de actualización:

<%= form_tag(line_item_path, method: "put", remote: true, class: "table_form") do %>
  <%= hidden_field_tag("product_id", value = line_item.product.id) %>
  <label>
    <%= number_field_tag "quantity", value = line_item.quantity, in: 1...11 %>
    <%= submit_tag "update", class: "btn btn-mini" %>
  </label>
<% end %>

El controlador de line_items:

def update
    @cart = current_cart
    @line_item = @cart.update_product(params[:product_id], params[:quantity])
    respond_to do |format|
        if @line_item.save
            format.html { redirect_to current_cart, notice: 'Changed' }
            format.js
        else
            format.html { render action: "new" }
        end
    end
end

Aquí es donde me quedo atascado. ¿Qué tengo que poner en mi update.js.rjs? Ahora tengo esta linea

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

Pero no pasa nada y me sale un error en la consola:

send 
jQuery.extend.ajax 
$.rails.rails.ajax 
$.rails.rails.handleRemote 
(anonymous function) 
jQuery.event.dispatch 
elemData.handle

Sería bueno tener algunas ideas para resolver este pequeño problema.

Gracias

Edit: es mejor usar

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

en el archivo js.