Но продукт не появляется в таблице сразу при нажатии кнопки, он появляется только после обновления страницы. Как это исправить?
Ну так js же никто не сказал, что он должен перерисовать таблицу
$('.btn-default').click(function(e){
var product = $('select option:selected').val();
var data = {product: product};
$.ajax({
type: 'GET',
url:'{% url "cart" %}',
data: data
})
.success(function (data) {
console.log(data);
// вот тут организуй рендеринг новой корзинки в тело хтмл
$('.table tr').remove();
html = '';
for(var i;i<data.length; i++) {
html += '<tr><td>'+data.sku+ '</td></tr>'
}
$( html ).insertAfter( ".table thead" );
})
;
});
ps: код может не работать :)
