0

Tenho uma tabela que possui cerca de 30 campos inputs para realizar um lançamento, exemplo:

<input type="text" size="8" name="Codigo[]" placeholder="Codigo" maxlength="8" />
<input type="text" size="8" name="Codigo[]" placeholder="Codigo" maxlength="8" />
<input type="text" size="8" name="Codigo[]" placeholder="Codigo" maxlength="8" />
<input type="text" size="8" name="Codigo[]" placeholder="Codigo" maxlength="8" />

Ai que vem o problema, eu não sei nada sobre jQuery ou AJAX, e tudo que pesquiso pela internet usa exemplos usando eles, mas não explicam o que cada coisa faz então eu não consigo adaptar para a minha necessidade. Eu trabalho com PHP onde esse formulário eu recebo em outra página na qual irei gravar os dados no BD, mas antes eu preciso que quando for digitado um código no campo e for dado o foco no próximo campo, ele pesquise no BD o equipamento referente aquele código e retorne o resultado em um campo ao lado, sucessivamente para cada um dos campos, que são exatamente iguais ao do exemplo acima!

2
  • 1
    Dà uma olhada nesse site aqui: jqapi.com/#p=jQuery.ajax ; É a documentação do jQuery. Pensa em Ajax como uma requisição HTTP feita por Javascript, só isso. O sevidor só precisa responder os dados que você pedir ao mandar a requisição. Mas aconselho a você estudar jQuery pra valer: fabrica.ms.senac.br/2013/06/…
    – Daniel
    17/03/2017 às 18:05
  • Obrigado @Daniel, irei sim dar uma lida nesses materiais que você linkou aqui!
    – JonatasM
    20/03/2017 às 18:42

1 Resposta 1

1

Você pode fazer da seguinte forma:

Ao sair do campo manda uma requisição por ajax para uma página php, ela por sua vez busca os dados como necessário e retorna para o ajax, que adiciona os dados na tela como desejar, segue exemplo:

    //dispara um evento quando sair do campo
    $(".codigo").blur(function(){
    //envia uma requisição por post passando como parâmetro o codigo digitado.
         $.get("enderço da sua página php?codigo="+$(this).val(), 
         function(dados){
          //dados retornados pelo php adicionados na tela onde desejar
          $(dados).appendTo('body');
       })
    })

Tudo que você precisa fazer no php é montar o html com os dados que quer adicionar na tela:

Recebe os dados por $_GET["codigo"] -> busca no banco -> monta html -> pronto

O ajax desta forma que eu disse fará a mesma coisa que o navegador faria quando acessamos a página diretamente, retornando todo o html gerado pelo php.

5
  • Obrigado @edson, eu ainda não consegui fazer, me perdoe pela minha ignorância, eu não entendi como eu retorno os dados da página php para esse código ajax que vc usou de exemplo, e depois como pego o resultado e coloco onde eu quiser. no caso onde você escreveu 'body', é uma variável com o resultado obtido pelo php?
    – JonatasM
    20/03/2017 às 18:41
  • 1
    Todos os dados vindos do php vão estar dentro do dados, esse "body" é um elemento qualquer na tela, neste caso, o html vindo do php através do dados pode ser inserido em um elemento da tela. Vou tentar criar uma sala de bate papo. 1min 20/03/2017 às 18:43
  • Okay, estou aguardando!
    – JonatasM
    20/03/2017 às 18:45
  • Parabéns @edson, Me ajudou muito! funcionou Direitinho!
    – JonatasM
    20/03/2017 às 19:53

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .