Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Tiago Bruno

jquery utilizando método Post erro

Recommended Posts

Pessoal é o seguinte tenho uma tabela dinâmica que faz a função de um carrinho de compras em javaScript mas antes de incluir na tabela os itens quero fazer uma consulta no banco para ver se a quantidade desejada do produto se encontra disponível vi que não tinha como chamar uma função php no javaScript então utilizei jquery.

//javascript  



//Função que adiciona linha na tabela
    function adiciona(){
      
     cprod = $('#cprod').val();


     cquant = $('#cquant').val();
     
     $.post('../DAO/getEstoque.php',{cprod: cprod, cquant: cquant},function(data){
    
       if(data == 0) { 


    
        var prod = document.getElementById('cprod').value; 
        var qtd = document.getElementById('cquant').value; 
        produto.push(prod); 
        quantidade.push(qtd);


        
        totals++
        tbl = document.getElementById("tabelaBanco");


        var novaLinha = tbl.insertRow(-1);
        var novaCelula;


        if(totals%2==0) cl = "#FFFFFF";
        else cl = "##FFFFFF";
        
        
        novaCelula = novaLinha.insertCell(0);
        novaCelula.align = "left";
        novaCelula.style.backgroundColor = cl;
        novaCelula.innerHTML = document.getElementById("cprod").options[document.getElementById("cprod").selectedIndex].text;


        totals;


        novaCelula = novaLinha.insertCell(1);
        novaCelula.align = "left";
        novaCelula.style.backgroundColor = cl;
        novaCelula.innerHTML =  document.getElementById('cquant').value;
      


        


         novaCelula2 = novaLinha.insertCell(2);
         novaCelula.align = "left";
        novaCelula.style.backgroundColor = cl;
        var btnEl = document.createElement('input');  
        btnEl.setAttribute('type', 'button'); 
        btnEl.setAttribute('class', 'btn'); 
        btnEl.onclick = function ()   {deleteRow(this.parentNode.parentNode.rowIndex)};  
        btnEl.setAttribute('value', 'Delete');  
       novaCelula2.appendChild(btnEl);   
   }
   else 
   {
       alert("Este produto não tem estoque disponível para essa quantidade");
   }
    }
    }
    
    function deleteRow(i){
    document.getElementById('tabelaBanco').deleteRow(i)
   
   var j = null;
   j = i - 1;
   
    produto.splice(j,1);
    quantidade.splice(j,1);
    


} 
//html

 <table>
           <tr>
               <td><p> Produto: </p>  </td>   
               <td>  <p> Quantidade </p> </td>
           </tr>
  <?php        
      
$query2 = "SELECT * FROM produtos order by nome_prod";


$query2 = mysql_query($query2, $conexao);




?>
           <tr>
               <td> 
                     //combox que traz os produtos do banco
                   <select name="produto" id="cprod" name="prodcombo" >
                         <option value="" selected="selected">Selecione o Produto</option>
                 
<?php




while($dados = mysql_fetch_array($query2))
{
    
?>
        
                       <option value="<?= $dados['id_prod'] ?>" > 
   
     <?= $dados['nome_prod'] ?>
    </option> 




<?php
}
?>


</select>  </td>


               <td> <input type="number" name="quantidade" id="cquant" /> </td> </tr> <tr>
               <td> <input type='button' id='incluir'  value='Incluir Produto' class="btn btn-primary" onclick="return adiciona()"/> </td>
           </tr>
       </table>


       <table id='tabelaBanco' class="table table-hover" border='0' width='100%'>
    <thead>
        <tr style='background-color:#FBF6F7'>
            <td class="produto"><strong>Produto</strong></td>
            <td class="quantidade"><strong>Quantidade</strong></td>
            <td><strong>Excluir</strong></td>
        </tr>
    </thead>
    <tbody>
        <!-- Linhas e colunas correspondente aos seus registros -->
    </tbody>
</table>
       
<br />
codigo php

<?php


include_once 'Banco.php';


 extract($HTTP_POST_VARS); 


 //$quant = $_post['cprod']; 
 //$getIdProd = $_post['cquant'];
     $quant = null;
     
   $consulta = $con->query("SELECT quantidade from produtos where id_prod = $prodcombo ");
   $estoque = $consulta->fetch(PDO::FETCH_COLUMN);    
   $quant = $estoque - $quantidade;  
    
     if($quant>0){
         echo 0;
     }


   else {
       echo 1;
   }
       
?>
A tabela dinâmica estava funcionando normalmente mas depois usei o jquery ela não inclui o produto na tabela e nem chama a função

 

 

.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Aperte Ctrl + Shift + J no Firefox ou Chrome e veja o que aparece no console de erros.

 

Se tiver dúvidas, volte e diga exatamente como aparece para te ajudarmos a investigar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de tirar uma dúvida com os amigos, referente a PDV.
       
      Estou escrevendo um Sistema com Ponto de Vendas, a minha dúvida é o seguinte, referente ao procedimento mais correto.

      Conforme o caixa vai efetuando a venda, o Sistema de PDV já realiza:
      a baixa direto dos produtos no estoque
      ou
      somente após concretizar a venda o sistema baixa os produtos do estoque ?
       
      Grato,
       
      Cesar
       
    • Por violin101
      Caros amigos do grupo, saudações e um feliz 2025.
       
      Estou com uma pequena dúvida referente a Teclas de Atalho.

      Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      ou seja:
      se estiver para letra minúscula ====> funciona
      se estiver para letra maiúscula ====> não funciona
       
      Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      o Código está assim:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'r' ) return;// Não é Ctrl+r, portanto interrompemos o script evt.preventDefault(); });  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.

      Estou com uma dúvida, referente cálculo de valores em tempo real.

      Tenho uma rotina, que faz o cálculo, o problema é mostrar o resultado.

      Quero mostrar o RESULTADO assim: 0,00  ou  0.00

      Abaixo posto o código.
      jQuery('input').on('keyup',function(){ //Remover ponto e trocar a virgula por ponto var m = document.getElementById("pgRest").value; while (m.indexOf(".") >= 0) { m = m.replace(".", ""); } m = m.replace(",","."); //Remover ponto e trocar a virgula por ponto var j = document.getElementById("pgDsct").value; while (j.indexOf(".") >= 0) { j = j.replace(".", ""); } j = j.replace(",","."); m = parseFloat(jQuery('#pgRest').val() != '' ? jQuery('#pgRest').val() : 0); j = parseFloat(jQuery('#pgDsct').val() != '' ? jQuery('#pgDsct').val() : 0); //Mostra o Resultado em Tempo Real jQuery('#pgTroco').val(m - j); <<=== aqui estou errando })  
       
      Grato,
       
      Cesar
       
       
    • Por violin101
      Caro amigos, saudações.

      Tenho uma tabela escrita em JS que funciona corretamente.
       
      Minha dúvida:
      - como devo fazer para quando a Tabela HTML estiver vazia, exibir o LOGO da Empresa ?

      Abaixo posto o script:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'i' ) return;// Não é Ctrl+A, portanto interrompemos o script evt.preventDefault(); //Chama a Função Calcular Qtde X Valor Venda calcvda(); var idProdutos = document.getElementById("idProdutos").value; var descricao = document.getElementById("descricao").value; var prd_unid = document.getElementById("prd_unid").value; var estoque_atual = document.getElementById("estoque_atual").value; var qtde = document.getElementById("qtde").value; var vlrunit = document.getElementById("vlrunit").value; var vlrtotals = document.getElementById("vlrtotal").value; var vlrtotal = vlrtotals.toLocaleString('pt-br', {minimumFractionDigits: 2}); if(validarConsumo(estoque_atual)){ //Chama a Modal com Alerta. $("#modal_qtdemaior").modal(); } else { if(qtde == "" || vlrunit == "" || vlrtotal == ""){ //Chama a Modal com Alerta. $("#modal_quantidade").modal(); } else { //Monta a Tabela com os Itens html = "<tr style='font-size:13px;'>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='id_prds[]' value='"+idProdutos+"'>"+idProdutos+"</td>"; html += "<td width='47%' height='10'>"+ "<input type='hidden' name='descricao[]' value='"+descricao+"'>"+descricao+ "<input type='hidden' name='esp[]' value='"+prd_unid+"'> - ESP:"+prd_unid+ "<input type='hidden' name='estoq[]' value='"+estoque_atual+"'></td>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='qtde[]' value='"+qtde+"'>"+qtde+"</td>"; html += "<td width='12%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrunit[]' value='"+vlrunit+"'>"+vlrunit+"</td>"; html += "<td width='14%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrtotal[]' value='"+vlrtotal+"'>"+vlrtotal+"</td>"; html += "<td width='12%' height='10' style='text-align:center;'>"+ "<button type='button' class='btn btn-uvas btn-remove-produto' style='margin-right:1%; padding:1px 3px; font-size:12px;' title='Remover Item da Lista'>"+ "<span class='fa fa-minus' style='font-size:12px;'></span></button></td>"; html += "</tr>"; $("#tbventas tbody").append(html); //Função para Somar os Itens do Lançamento somar(); $("#idProdutos").val(null); $("#descricao").val(null); $("#prd_unid").val(null); $("#qtde").val(null); $("#vlrunit").val(null); $("#vlrtotal").val(null); $("#idProdutos").focus(); //Se INCLUIR NOVO produto - Limpa a Forma de Pagamento $("#pgSoma").val(null); $("#pgRest").val(null); $("#pgDsct").val(null); $("#pgTroco").val(null); $("#tbpagar tbody").empty(); }//Fim do IF-qtde }//Fim do Validar Consumo });//Fim da Função btn-agregar  
      Grato,

      Cesar
       
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.