Contexto
No evento OnChange
do input
de código de barras, eu realizo uma requisição AJAX que vai até o Banco de dados, seleciona o produto que possui aquele Código de barras e, devolve o objeto dele inteiro. Ao fazer isso, preciso inserir o mesmo num array de objetos JavaScript, porém, nesse momento vem o meu problema.
Problema
Quando atualizo os atributos do objeto vindos com os dados do AJAX, e insiro no Array, caso o usuário queira um novo objeto (Produto), ele sobrescreve o mesmo objeto, sendo assim, tenho vários objetos dentro do Array, com os mesmos valores.
Código JS
$("#cbarras").on('change', function() {
var cbarras = $('#cbarras').val();
var cliente = $('#cliente').val();
var data = $('#data_compra').val();
var quantidade = $('#quantidade').val();
if (cbarras && cliente && data && quantidade){
$.ajax({
url : "http://localhost:8080/ProjBiltiful/BuscarProduto.jsp?id=" + cbarras,
dataType : "json",
success : function(data){
if (data){
var total_item = data.vvenda * quantidade;
total += total_item;
$('#total_venda').val(total);
//INCLUO OS ITENS DA VENDA EM UM ARRAY DE OBJETOS
obj_itens.cbarras = data.cbarras;
obj_itens.valor = data.vvenda;
obj_itens.qtd = quantidade;
obj_itens.total = total_item;
itens_venda.push(obj_itens);
obj_itens.cbarras = 0;
obj_itens.valor = data.vvenda;
obj_itens.qtd = 0;
obj_itens.total = 0;
console.log(itens_venda);
$('#table_itens tbody').append(
'<tr class="child">'
+ '<td align="center">' + data.cbarras + '</td>'
+ '<td align="center">' + data.nome + '</td>'
+ '<td align="center">' + data.vvenda + '</td>'
+ '<td align="center">' + quantidade + '</td>'
+ '<td align="center">' + total_item + '</td>' +
'</tr>'
);
} else {
alert('Produto não encontrado !');
}
},
error: function(err){
alert('Ooops... Encontramos um erro ao buscar o produto');
}
});
} else {
alert("Você deve ter esquecido de preencher algum campo da venda!");
}
});