Rails 4 ajax atualizar div
Eu gosto de atualizar uma tabela com os novos valores usando ajax. Qual é a ideia? Eu tenho um carrinho, onde o usuário pode alterar a quantidade do produto. Eu não gosto de recarregar a página inteira. Eu quero recarregar a mesa. No momento, ele funciona com o recarregamento de toda a página.
O que eu fiz.
Eu tenho um formulário para inserir um valor de quantidade. Para conectar o produto com um carrinho (ManyToMany) eu uso line_item. Então, todo line_item representa um produto em um carrinho.
Essa visão do carrinho
<div id="cart_table">
<%= render @cart %>
</div>
O render @cart
<table class="table table-hover table-condensed">
<tbody>
<%= render cart.line_items %>
</tbody>
</table>
Line_items com o formulário de atualização:
<%= 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 %>
O 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
Aqui é onde eu fico preso. O que eu tenho que colocar no meu update.js.rjs? Agora eu tenho essa linha
$('#cart_table').replaceWith("<%= escape_javascript(render @cart) %>");
Mas nada acontece e eu recebo um erro no console:
send
jQuery.extend.ajax
$.rails.rails.ajax
$.rails.rails.handleRemote
(anonymous function)
jQuery.event.dispatch
elemData.handle
Seria bom ter algumas ideias para resolver este pequeno problema.
obrigado
Edit: É melhor usar
$('#cart_table').html("<%= escape_javascript(render @cart) %>");
no arquivo js.