Ir para conteúdo
Fórum Script Brasil
  • 0

AJAX + PHP + JSON

Thiago lablonsk

Perguntado por Thiago lablonsk,

 Share

Pergunta

Thiago lablonsk

Thiago lablonsk

Postado
Postado (editado)

Pessoal,

Estou tentando simplesmente fazer com que o usuario digite o codigo do cara e esse codigo vá no php e retorne os dados do mesmo com sql,

Codigo principal  

<!doctype html>
<html lang="pt-br">
<head>
<title>Formulario</title>
<script type="text/javascript"  src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jqueryui/js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="jqueryui/js/jquery-ui-1.8.24.custom.min.js"></script>

	<!--<title> Testando o Iff no HTML</title>	

 	<!-- <body> <!--[if !IE]><!--><!--Aqui vai ficar o texto comum <!--<![endif]--><!--[if IE]>Aqui é o texto do explorer<![Endif]-->
	<!--<input type="date">
	<input type="time">
	<input type="week">
	<input type="Url">
	<input type="Tel">
	<p></p>
	<input type="Search">
	<p></p>
	<input type="Range"><p></p>
	<input type="Color">
	</body>-->
	<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-yw4l{vertical-align:top}
</style>
<table class="tg">
  <tr>
    <th class="tg-yw4l"></th>
  </tr>
</table>
	<script type="text/javascript"> 
	$(document).ready(function()
	{
			$("#b").blur(function()
			{
				if(($(this).val()>10)||($(this).val()<0))
				{
					alert('Digite um valor entre 0 e 10 no campo preenchido indevidamente');
					$(this).css({"border" : "1px solid #F00", "padding": "2px"});
					$(this).val("");
				}
				else if((($(this).val())>=0)||(($(this).val())<=10))
				{
					$(this).css({"border" : "1px solid #000000", "padding": "2px"});
				}
			});
			
			$("#codigoa").blur(function()
			{
			
				if(($(this).val())!="")
				{
					$.ajax(
					{
						type:"GET",
						dataType: "json", 
						url: "buscacodigo.php",
						data:$(this).serializeArray(),
						}).done(function(codigoa)
						{
							alert('aaaaaaaa');
							$("#nomet").text(codigoa.nome);
						});
				}
			});
	});
</script>
</head>
<body>
<form name="input" action="grava_dados.php" methord="get" id="form_avaliacao">
<table class="tg" align="center">
  <tr>
    <th class="tg-031e" colspan="7">STTE - AVALIAÇÃO DE FUNCIONÁRIOS</th>
  </tr>
  <tr>
    <td class="tg-yw4l" colspan="7"></td>
  </tr>
  <tr>
    <td class="tg-yw4l" colspan="7" rowspan="3">- Cada ítem deve receber uma nota de 0 a 10<br>- Seção - Comportamento pontos<br>-<br>- </td>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
    <td class="tg-lqy6">Codigo do avaliado</td>
    <td class="tg-yw4l" colspan="6"><input type="label "name="codigoa"id="codigoa"required size="22" placeholder="Preencha o codigo do avaliado!"></td>
  </tr>
  <tr>
    <td class="tg-lqy6">Nome do técnico</td>
    <td class="tg-yw4l" colspan="6"><div name="nomet" ></div></td>
  </tr>
  <tr>
    <td class="tg-lqy6">1</td>
    <td class="tg-baqh" colspan="6">COMPORTAMENTO / PESSOAL</td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.1</td>
    <td class="tg-lqy6">COMUNICAÇÃO E PODER DE PERSUASÃO</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a1" id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.2</td>
    <td class="tg-lqy6">AUTOCONFIANÇA</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a2"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.3</td>
    <td class="tg-lqy6">INDEPENDÊNCIA /<br>  AUTONOMIA / LIDERANÇA</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a3"id="a"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.4</td>
    <td class="tg-lqy6">RESPONSABILIDADE</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a4"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.5</td>
    <td class="tg-lqy6">PONTUALIDADE</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a5"id="b"required placeholder="0 - 10" size="2"  pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.6</td>
    <td class="tg-lqy6">ORGANIZAÇÃO</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a6"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.7</td>
    <td class="tg-lqy6">APRESENTAÇÃO<br>  PESSOAL (Postura, Uniforme, Crachá)</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a7"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.8</td>
    <td class="tg-lqy6">CAPACIDADE DE<br>  SEGUIR NORMAS (Acertos PAV, folha de ponto, entrada nas estações)</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a8"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.9</td>
    <td class="tg-lqy6">PACIÊNCIA</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a9"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.10</td>
    <td class="tg-lqy6">ESPÍRITO<br>  COMPETITIVO / AMBIÇÃO</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a10"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.11</td>
    <td class="tg-lqy6">DETERMINAÇÃO</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a11"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.12</td>
    <td class="tg-lqy6">MORAL E ÉTICA</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a12"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-lqy6">1.13</td>
    <td class="tg-lqy6">RELACIONAMENTO EM<br>  EQUIPE</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="a13"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-lqy6">2</td>
    <td class="tg-baqh" colspan="6">Técnica</td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-yw4l">2.1</td>
    <td class="tg-yw4l">CONHECIMENTO<br>  E UTILIZAÇÃO DAS FERRAMENTAS DE TRABALHO (aplicativos SW, Medições e testes)</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="b1"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-yw4l">2.2</td>
    <td class="tg-yw4l">QUALIDADE DO SERVIÇO<br>  EXECUTADO (Retrabalho / cleanup | Percepção do cliente/Preventivas/corret)</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="b2"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-yw4l">2.3</td>
    <td class="tg-yw4l">CONHECIMENTO TÉCNICO (Sabe<br>  COMO fazer - Conhece os equipamentos envolvidos)</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="b3"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-lqy6">3</td>
    <td class="tg-baqh" colspan="6">LOGÍSTICA</td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-yw4l">3.1</td>
    <td class="tg-yw4l">CONHECIMENTO,<br>  CONSERVAÇÃO E UTILIZAÇÃO DOS EPI's</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="c1"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-yw4l">3.2</td>
    <td class="tg-yw4l">COMPORTAMENTO / SEGURANÇA<br>  NO TRÂNSITO (Multas , Excesso de velocidade)</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="c2"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-yw4l">3.3</td>
    <td class="tg-yw4l">CONSERVAÇÃO DO VEÍCULO E<br>  PATRIMONIO (Identificação, Limpeza, Manutenção periódica)</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="c3"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-yw4l">3.4</td>
    <td class="tg-yw4l">CONSERVAÇÃO DO FERRAMENTAL<br>  / INSTRUMENTAL</td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="c4"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-yw4l">3.5</td>
    <td class="tg-yw4l">UTILIZAÇAO CONSCIENTE <br>  </td>
    <td class="tg-yw4l" colspan="4"><input type="label"name="c5"id="b"required placeholder="0 - 10" size="2" pattern="[0-9]"></td>
  </tr>
  <tr>
    <td class="tg-yw4l" colspan="7"></td>
  </tr>
</table>
<input type="submit" value="Enviar" id="botao">
</form>
</body>
</html>

E o codigo php, 

<?php
include ("sistema_php/conexao.php");
$codigo=$_GET['codigoa'];
echo "<script>alert('aaaaaaaa');</script>";
$sql = ('SELECT * FROM cadastrotecnico where cod='.$codigo); //(a1,a2,a3,a4,a5,a6,a7,8,a9,a10,a11,a12,a13,b1,b2,b3,c1,c2,c3,c4,c5) '$a1','$a2','$a3','$a4','$a5','$a6','$a7','$a8','$a9','$a10','$a11','$a12','$a13','$b1','$b2','$b3','$c1','$c2','$c3','$c4','$c5','$data_avaliacao','$codigo_avaliador','$nometecnico';'?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?'
foreach($conn->query($sql) as $row)
			{
				echo json_encode($row);
			}   

?>

Agradeço o pessoal!

Editado por Thiago lablonsk
Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0
wash

wash

Postado
Postado

Olá!

Observei rapidamente seu script, e seguem algumas observações:

a) Não use <table> dentro de <head>, tudo o que for aparecer na tela, deve ficar dentro das tags <body></body>

b) Não existe <input type="label", veja as possibilidades aqui: http://www.w3schools.com/tags/tag_input.asp

d) Seu script possui vários elementos com a mesma id, id é identidade, imagine vários elementos com a mesma identidade... veja mais aqui: http://desenvolvimentoparaweb.com/css/diferencas-entre-ids-e-classes/

e) Não entendi o trecho php, todos os 21 campos de pontuação entre 0 e 10 são de preenchimento obrigatório.
No entanto... o trecho php só observa uma única variável: 'codigoa'...
É o script do arquivo grava_dados.php?

f) Siga os passos:
 1. Execute a query sql
 2. Verifique se houve alguma falha na execução da query (se houve, mostre na tela)
 3. Se não houve falha, verifique se foi encontrado algum resultado.
 4. Se foi encontrado algum resultado, exiba em formato json
 5. Se não foi encontrado nenhum resultado, exiba alguma mensagem de que nenhum resultado foi encontrado.

Sugestões:

Use os campos de entrada numérica assim:
<input type="number" name="c5" id="b" placeholder="0 - 10" size="2" min="0" max="10" required>

Arquivo de conexão com o banco: Connect.php 

<?php

// variáveis para conexão com banco de dados online
$host = 'localhost';
$user = 'root';
$password = '';
$database = 'scriptbrasil';

// estabelecer conexão com o mysql
$sqli = new mysqli($host, $user, $password);

// verificar se houve erro na conexão
if ($sqli->connect_error) {
   // se houve erro, mostra erro na tela
   die("<p><b>Erro!</b> Falha na conexão:<br>$sqli->connect_error</p>");
}
// alterar o tipo de codificação da conexão com o banco de dados,  para utf8
if (!$sqli->set_charset('utf8')) {
   die("<p>O charset não é utf8: $sqli->error</p>");
}

// se não abrir o banco de dados para trabalhar
if (!$sqli->select_db($database)) {
   die("<p><b>Erro!</b> Não foi possível abrir o banco de dados: <b>$database</b><br>$sqli->error</p>");
}

Arquivo onde a query de consulta será executada: 

<?php

include 'sistema_php/Connect.php';
// verifique se existe a variável codigoa na url:
if (isset($_GET['codigoa'])) {
   $codigo = $_GET['codigoa'];
   // defina a sua query de busca
   $query = ('SELECT * FROM cadastrotecnico where cod=' . $codigo); //(a1,a2,a3,a4,a5,a6,a7,8,a9,a10,a11,a12,a13,b1,b2,b3,c1,c2,c3,c4,c5) '$a1','$a2','$a3','$a4','$a5','$a6','$a7','$a8','$a9','$a10','$a11','$a12','$a13','$b1','$b2','$b3','$c1','$c2','$c3','$c4','$c5','$data_avaliacao','$codigo_avaliador','$nometecnico';'?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?'
   // execute a sua query:
   $result = $sqli->query($query);
   // verifique se houve erro com a execução da query:
   if ($sqli->error) {
      // exiba mensagem de erro
      die("<p><b>FALHA NA EXECUÇÃO DA QUERY!</b><br>$sqli->error</p><p><b>QUERY</b><br>$query</p>");
      // se não houve erros e há algum resultado
   } elseif ($result->num_rows) {
      // enquanto houver resultado
      while ($row = $result->fetch_assoc()) {
         // mostre na tela como json
         echo json_encode($row);
      }
      // se nenhum resultado foi encontrado,
   } else {
      die('Nenhum resultado encontrado, chefe!');
   }
}

 

Link para o comentário
Compartilhar em outros sites
  • 0
Thiago lablonsk

Thiago lablonsk

Postado
  • Autor
Postado
13 horas atrás, wash disse:

Olá!

Observei rapidamente seu script, e seguem algumas observações:

a) Não use <table> dentro de <head>, tudo o que for aparecer na tela, deve ficar dentro das tags <body></body>

b) Não existe <input type="label", veja as possibilidades aqui: http://www.w3schools.com/tags/tag_input.asp

d) Seu script possui vários elementos com a mesma id, id é identidade, imagine vários elementos com a mesma identidade... veja mais aqui: http://desenvolvimentoparaweb.com/css/diferencas-entre-ids-e-classes/

e) Não entendi o trecho php, todos os 21 campos de pontuação entre 0 e 10 são de preenchimento obrigatório.
No entanto... o trecho php só observa uma única variável: 'codigoa'...
É o script do arquivo grava_dados.php?

f) Siga os passos:
 1. Execute a query sql
 2. Verifique se houve alguma falha na execução da query (se houve, mostre na tela)
 3. Se não houve falha, verifique se foi encontrado algum resultado.
 4. Se foi encontrado algum resultado, exiba em formato json
 5. Se não foi encontrado nenhum resultado, exiba alguma mensagem de que nenhum resultado foi encontrado.

Sugestões:

Use os campos de entrada numérica assim:
<input type="number" name="c5" id="b" placeholder="0 - 10" size="2" min="0" max="10" required>

Arquivo de conexão com o banco: Connect.php 


<?php

// variáveis para conexão com banco de dados online
$host = 'localhost';
$user = 'root';
$password = '';
$database = 'scriptbrasil';

// estabelecer conexão com o mysql
$sqli = new mysqli($host, $user, $password);

// verificar se houve erro na conexão
if ($sqli->connect_error) {
   // se houve erro, mostra erro na tela
   die("<p><b>Erro!</b> Falha na conexão:<br>$sqli->connect_error</p>");
}
// alterar o tipo de codificação da conexão com o banco de dados,  para utf8
if (!$sqli->set_charset('utf8')) {
   die("<p>O charset não é utf8: $sqli->error</p>");
}

// se não abrir o banco de dados para trabalhar
if (!$sqli->select_db($database)) {
   die("<p><b>Erro!</b> Não foi possível abrir o banco de dados: <b>$database</b><br>$sqli->error</p>");
}

Arquivo onde a query de consulta será executada: 


<?php

include 'sistema_php/Connect.php';
// verifique se existe a variável codigoa na url:
if (isset($_GET['codigoa'])) {
   $codigo = $_GET['codigoa'];
   // defina a sua query de busca
   $query = ('SELECT * FROM cadastrotecnico where cod=' . $codigo); //(a1,a2,a3,a4,a5,a6,a7,8,a9,a10,a11,a12,a13,b1,b2,b3,c1,c2,c3,c4,c5) '$a1','$a2','$a3','$a4','$a5','$a6','$a7','$a8','$a9','$a10','$a11','$a12','$a13','$b1','$b2','$b3','$c1','$c2','$c3','$c4','$c5','$data_avaliacao','$codigo_avaliador','$nometecnico';'?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?'
   // execute a sua query:
   $result = $sqli->query($query);
   // verifique se houve erro com a execução da query:
   if ($sqli->error) {
      // exiba mensagem de erro
      die("<p><b>FALHA NA EXECUÇÃO DA QUERY!</b><br>$sqli->error</p><p><b>QUERY</b><br>$query</p>");
      // se não houve erros e há algum resultado
   } elseif ($result->num_rows) {
      // enquanto houver resultado
      while ($row = $result->fetch_assoc()) {
         // mostre na tela como json
         echo json_encode($row);
      }
      // se nenhum resultado foi encontrado,
   } else {
      die('Nenhum resultado encontrado, chefe!');
   }
}

 

Wash Muito obrigado pela ajuda e pela atenção!

Bom eu não postei o codigo todo. O que eu estou tentando é jogar uma pesquisa à partir do "Codigo do avaliado" onde a pessoa digita o ID e através de um script Jquery ou Ajax efetuar uma busca sql no PHP e retornar direto no nome do técnico sem atualizar a pagina de forma dinâmica. Procurei em toda parte e nada parecido com o que eu preciso ou que funcione. Se puder ajudar.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...