Tenho uma formulário onde insiro no banco a venda e os itens da venda. Ao abrir uma determinada venda, logo é exibido em uma tabela os itens dessa venda. Quando desejo adicionar um novo item a essa venda, meu formulário fica "doidão". Desaparece da tela a tabela e os campos para inserir novo item e trava o html, preciso dar um refresh para voltar a funcionar. Segue abaixo o código de quando eu abro e venda e exibe os itens dessa venda e o código de quando insiro um novo item da venda e a tabela deve ser atualizada com o novo item.
Código abrir venda (Esse tá beleza)
function abrirVenda() {
var idvenda = $("#idVenda").val();
var page = 'abrir_venda.php';
$.ajax({
type: 'POST',
dataType: 'html',
url: page,
data: {idvenda: idvenda},
success: function (msg) {
msg = $.parseJSON(msg);
if (msg.sucesso == true) {
// exibe o formulário para adicionar novos itens dessa venda
$('#itensVenda').css("display", "block");
}
},
}).done(function () {
buscarItensDaVenda();
});
}
$(document).on("click","#abrirVenda",function(e){
//$("#abrirVenda").click(function () {
abrirVenda();
});
Código para inserir um novo item da venda (Esse dá problema)
function gravarItenVenda() {
var idvenda = $("#idvenda").val();
var idproduto = $("#idproduto").val();
var preco = $("#preco").val();
var qtde = $("#qtde").val();
var subtotal = $("#subtotal").val();
var page = 'gravar_itenvenda.php';
$.ajax({
type: 'POST',
dataType: 'html',
url: page,
async: false,
data: {idvenda:idvenda, idproduto:idproduto, preco:preco, qtde:qtde, subtotal:subtotal},
success: function (msg) {
msg = $.parseJSON(msg);
if(msg.sucesso == true){
alert(msg.mensagem);
} else {
alert(msg.menssagem);
}
},
}).done(function () {
buscarItensDaVenda();
});
}
$(document).on("click","#additen",function(e){
//$("#additen").click(function (){
gravarItenVenda()
});
E a função que é usado em .done nas duas funções acima
function buscarItensDaVenda(){
var idvenda = $('#idVenda').val();
var page = "busca_itensvenda.php";
$.ajax({
type: 'POST',
dataType: 'html',
async: false,
url: page,
data: {idvenda:idvenda},
success: function (msg) {
// arqui eu exibo em uma div o resultado da consulta dos itens da venda
$("#divItensvenda").html(msg)
}
});
}
As inserções e as consultas no banco estão ok, o problema está mesmo na hora de exibir no browser. O html, jquery ou sei lá o que faz com que o formulário perca as referencias. Tento exibir o código fonte o navegador dá a mensagem que tenho que dar um refresh na página para exibir. Acredito que o problema esteja no assicronismo do AJAX, não domino muito bem. Se algum puder ajudar.
alert
emalert(msg.mensagem);
?$("#idvenda").val()
na funçãogravarItenVenda
... o "v" está minúsculo, enquanto que nas outras funções está maiúsculo:$("#idVenda").val()
....