Ir para conteúdo

POWERED BY:

Arquivado

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

Isabelly Lima

Digitar num campo, e carregar outros.

Por , em Javascript

Recommended Posts

Isabelly Lima    0

Isabelly Lima
Postado

Desejo digitar o apelido, e aparecer os dados de vários outros campos.

Encontrei esse exemplo, mas nao sei por o valor no input, nem fazer buscar mais de um valor. Alguem tem algum outro exemplo que possa me ajudar?

 

script.js

function ajax(url)
{

req = null;

if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open("GET",url,true);
req.send(null);

} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {

req.onreadystatechange = processReqChange;
req.open("GET",url,true);

req.send();
}
}
}

function processReqChange()
{
if (req.readyState == 1) {
document.getElementById('pagina').innerHTML = 'Carregando,Aguarde...';
}


else if (req.readyState == 4) {


if (req.status ==200) {

document.getElementById('pagina').innerHTML = req.responseText;

} else {
alert("Houve um problema ao obter os dados:n" + req.statusText);
}
}
}
--------------------------------------------------------------------------------------------------------------------
teste.php

<script src="script.js"></script>
<script>
function pesquisa(valor)
{
url="buscar_pac.php?valor="+valor;
ajax(url);
}
</script>

<input type="text" size="5" name="pront" id="pront" onkeyup="pesquisa(this.value)" />
<input type="button" name="procura_pac" value="procurar" onclick="abre_pesq_paciente()"; />

<div id="pagina" align="left"></div>
------------------------------------------------------------------------------------------------------------------------
buscar_pac.php

<?php
header("Content-Type: text/html; charset=ISO-8859-1",true);
require("conecta.php");
if(!empty($_GET["valor"]))
{
$sql = "select * from pacientes where id_pac = '$_GET[valor]' ";
$resultado = mysql_query($sql) or die ("Houve erro!! Digite corretamente sua busca!");
$l = mysql_fetch_array($resultado);
$nome = $l["nome_pac"];


$linhas = mysql_num_rows($resultado);
if($linhas>0){

echo $nome;
}
else{
echo "Consulta vazia, por favor tente outra vez!!!";
}
}
?>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

cristianoolv    93

cristianoolv
Postado

É só usar json, veja um exemplo bem simples:

 

index.html

<html>
 <head>
  <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
  <script type="text/javascript">
     (function($){
       $(document).ready(function(){
 	  
          $("#apelido").blur(function(){
 	     	$.ajax({
 		      url: "pjson.php?ap=" + $(this).val(),
 		      type: "get",
 		      dataType: "json",
 		      success: function(json){ 
           		 	$("#nome").val(json.nome);
           			$("#pais").val(json.pais);
           			$("#estado").val(json.estado);
           			$("#cidade").val(json.cidade);
        		 }
                 });
 	      });
           });
	})(jQuery);
 	
</script>
 </head>

 <body>
  <form method="post">
    <fieldset>
	<h2>Teste</h2>
	<input type="text" id="apelido" placeholder="apelido" />
	<input type="text" id="nome" placeholder="nome"/>
	<input type="text" id="pais" placeholder="pais"/>
	<input type="text" id="estado" placeholder="estado"/>
	<input type="text" id="cidade" placeholder="cidade"/>
    </fieldset>
   </form> 
 </body>
</html>

pjson.php

<?php
	
	$ap = $_GET['ap'];

	$t = [

		[
			'apelido' => 'cumbuca',
			'nome' => 'Joaquim da Silva',
			'cidade' => 'Belo Horizonte',
			'estado' => 'MG',
			'pais' => 'Brasil'
		],
		
		[
			'apelido' => 'brabo',
			'nome' => 'Carlos Pereira',
			'cidade' => 'Formiga',
			'estado' => 'MG',
			'pais' => 'Brasil'
		],
		
		[
			'apelido' => 'Gringo',
			'nome' => 'Nestor Clausen',
			'cidade' => 'Rosario',
			'estado' => 'Santa Fe',
			'pais' => 'Argentino'
		]

		];


	foreach ($t as $k=>$v) {

		if(array_search($ap, $t[$k])){
		echo json_encode($t[$k]);
		}

	}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito