Digital dados no input e realizar busca no banco de dados e mostra o resultado em outro input

[marcos.itaqui 0]

Olá amigo,

 

tenho um input que preciso digital um código por exemplo e esse código deve ser pesquisado no banco de dados mysql e o resultado deverá ser mostrado em outro input, tem como fazer isso?

 

 <script language="javascript" type="text/javascript">
            function writeMessage() {
                var buscaitem = document.forms[0].myInput.value;
                document.forms[0].mySecondInput.value = buscaitem;
                
                <?php
                    $item = pesquisaitem("<script>buscaitem.value;</script>");
                ?>
                
                document.forms[0].mySecondInput.value = "<?php echo $item; ?>";
                
                
            }
        </script>

        <form>
        <table width=100% >
            <tr>
                <th>&nbsp;SELECIONAR ITENS</th>
            </tr>
            <tr>
            <td>
                <BR />&nbsp;&nbsp;Código do Item: <b> <input type="text" class="input_curto" name="myInput"     autofocus value="" maxlength="10" onchange="writeMessage()"/> - <input type="text" disabled readonly name="mySecondInput" size="10"></b><br>
                <BR />&nbsp;&nbsp;Código do Item: <b> <input type="text" class="input_curto" name="buscaritem2" autofocus value="" maxlength="10" /> </b><br>
                <BR />&nbsp;&nbsp;Código do Item: <b> <input type="text" class="input_curto" name="buscaritem3" autofocus value="" maxlength="10" /> </b><br>
                <BR />&nbsp;&nbsp;Código do Item: <b> <input type="text" class="input_curto" name="buscaritem4" autofocus value="" maxlength="10" /> </b><br>
                <BR />&nbsp;&nbsp;Código do Item: <b> <input type="text" class="input_curto" name="buscaritem5" autofocus value="" maxlength="10" /> </b><br>
                <BR />&nbsp;&nbsp;Código do Item: <b> <input type="text" class="input_curto" name="buscaritem6" autofocus value="" maxlength="10" /> </b><br>
                <BR />&nbsp;&nbsp;Código do Item: <b> <input type="text" class="input_curto" name="buscaritem7" autofocus value="" maxlength="10" /> </b><br>
                <BR />&nbsp;&nbsp;Código do Item: <b> <input type="text" class="input_curto" name="buscaritem8" autofocus value="" maxlength="10" /> </b><br>
                <BR />&nbsp;&nbsp;
            </td>
            </tr>
            <tr>
            </tr>
        </table>
        </form>

[srmacedo 66]

Usa ajax.

[marcos.itaqui 0]

Pois eh, já pesquisei sobre ajax, você teria algum exemplo?

[Eziquiel 96]

Vamos lá.

 

Crie um novo arquivo php onde ele recebe um parâmetro via post. Exemplo: "pesquisaCodigo.php"

Esse parâmetro pode ser:

$codigo = $_POST['cod'];

Faça o seu php realizar a pesquisa no seu banco de dados usando a variável "$codigo" como referência de busca.

Depois aplique um "echo" com o resultado a ser retornado para o seu segundo input.

 

 

Inclua a biblioteca jQuery no set documento.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

Depois, crie seu script, deve ser assim:

<script type="text/javascript">
	$(document).ready(function(){
		$('#myInput').change(function(){
			var dados = 'cod=' + $( this ).val();

			$.ajax({
				type: "POST",
				url: "pesquisaCodigo.php",
				data: dados,
				success: function(data)
				{
					$('#mySecondInput').val(data);
				}
			});
			
			return false;
		});
	});
	</script>

 

[srmacedo 66]

4 horas atrás, marcos.itaqui disse:

Pois eh, já pesquisei sobre ajax, você teria algum exemplo?

O ideal seria você aprender sobre. Copiar códigos apenas diminui o grau de inteligência, fazendo com que talvez em situações mais simples do que essa, você precise sempre recorrer a alguém.

Boa sorte, o código está acima...

[marcos.itaqui 0]

Olá Eziquiel, deu certo, muito obrigado.

 

Olá jamesbond, vou dar jeito de aprender o Ajax, atualmente utilizo somente o PHP com javascript, depois dessa vou ter que me atualizar. obrigado pessoal.