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

Busca PHP + AJAX + MYSQL com link - Ajuda PLS

Jefferson Fernandes

Perguntado por Jefferson Fernandes,

 Share

Pergunta

Jefferson Fernandes

Jefferson Fernandes

Postado
Postado (editado)

Olá, estou com um codigo de uma busca em php, ajax e mysql, está funcionando, porém eu gostaria que no resultado da busca aparecesse o link nos resultados, para qd clicasse fosse pra alguma outra página referenciando o resultado, ou então, qd clicasse o campo input seria preenchido com o resultado.

Segue o código abaixo:

PÁGINA "INDEX.HTML"

<html>

<head>

<title>Busca Dinamica</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script src="script.js"></script>

</head>

<body>

<table width="657" border="0" bgcolor="#f7f7f7">

<tr>

<td align="center" bgcolor="#CCCCCC"><strong><font color="#FF0000" size="1" face="Verdana, Arial, Helvetica, sans-serif">&lt;- Busca Dinamica -&gt;</font></strong></td>

</tr>

<tr>

<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Digite aki o nome do cliente</strong></font>:

<!-- NOTE Q A CADA TECLA PRESSIONADA É CHAMADA A FUNÇÃO PESQUISA PASSANDO O QUE O USUARIO TEM DIGITADO ATÉ O MOMENTO -->

<input type="text" name="nome" onKeyUp="carregaAjax('pagina', 'busca_nome.php?valor=' + this.value)" onKeyDown="carregaAjax('pagina', 'busca_nome.php?valor=' + this.value)"></td>

</tr>

<tr>

<td>

<!-- AQUI SERÁ APRESENTADO O RESULTADO DA BUSCA DINÂMICA.. OU SEJA OS NOMES -->

<div id="pagina"></div></td>

</tr>

</table>

</body>

</html>

PÁGINA "SCRIPT.JS"

function openAjax() {

var Ajax;

try {Ajax = new XMLHttpRequest(); // XMLHttpRequest para browsers mais populares, como: Firefox, Safari, dentre outros.

}catch(ee){

try {Ajax = new ActiveXObject("Msxml2.XMLHTTP"); // Para o IE da MS

}catch(e){

try {Ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Para o IE da MS

}catch(e){Ajax = false;}

}

}

return Ajax;

}

function carregaAjax(div, getURL) {

document.getElementById(div).style.display = "block";

if(document.getElementById) { // Para os browsers complacentes com o DOM W3C.

var exibeResultado = document.getElementById(div); // div que exibirá o resultado.

var Ajax = openAjax(); // Inicia o Ajax.

Ajax.open("GET", getURL, true); // fazendo a requisição

Ajax.onreadystatechange = function(){

if(Ajax.readyState == 1) { // Quando estiver carregando, exibe: carregando...

exibeResultado.innerHTML = "<div>Carregando</div>";

}

if(Ajax.readyState == 4) { // Quando estiver tudo pronto.

if(Ajax.status == 200) {

var resultado = Ajax.responseText; // Coloca o retornado pelo Ajax nessa variável

resultado = resultado.replace(/\+/g,""); // Resolve o problema dos acentos

//resultado = resultado.replace(/ã/g,"a");

resultado = unescape(resultado); // Resolve o problema dos acentos

exibeResultado.innerHTML = resultado;

} else {

exibeResultado.innerHTML = "Por favor, tente novamente!";

}

}

}

Ajax.send(null); // submete

}

}

PÁGINA "BUSCA_NOME.PHP"

<?php

if(!empty($_GET["valor"])){

// O campo valor conterá o que o usuário digitou até o momento

//Conecta ao banco, colocar parametros ip, usuario, senha

$conexao=mysql_connect("localhost","root","");

//Seleciona o banco de dados que vai usar

mysql_select_db("teste");

// Executa a instrução SELECT passando o que o usuário digitou

$sql="select * from cliente where nome like '$_GET[valor]%'";

$resultado=mysql_query($sql) or die (mysql_error());

//Verifica a quantidade de registros retornados

$linhas=mysql_num_rows($resultado);

if($linhas>0){

// Executa um LOOP para mostrar os nomes das pessoas

// Vale lembrar que todos esses resultados serao mostrados dentro da pagina index.html dentro da DIV pagina

while($pegar=mysql_fetch_array($resultado))

echo "$pegar[nome] <br />";

}

}

?>

Desde já agradeço, vlw.

Editado por Jefferson Fernandes
Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0
cassianooliver

cassianooliver

Postado
Postado
Mas vem cá, como eu faço para qd eu clicar no nome, esse nome ir preenchido para o campo input ???
se você quer fazer isso sem recarregar a página, vai ter que usar AJAX...

ou com php, pode fazer com queryString..

ex: pagina.php?nome=cassiano

e na página você resgata assim:

$nome = $_GET["nome"];
<input type="text" name="nome" value="<?php echo $nome; ?>" />

Link para o comentário
Compartilhar em outros sites
  • 0
Guest Visitante

Guest Visitante

Postado
Postado
Olá, estou com um codigo de uma busca em php, ajax e mysql, está funcionando, porém eu gostaria que no resultado da busca aparecesse o link nos resultados, para qd clicasse fosse pra alguma outra página referenciando o resultado, ou então, qd clicasse o campo input seria preenchido com o resultado.

Segue o código abaixo:

PÁGINA "INDEX.HTML"

<html>

<head>

<title>Busca Dinamica</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

&lt;script src="script.js"></script>

</head>

<body>

<table width="657" border="0" bgcolor="#f7f7f7">

<tr>

<td align="center" bgcolor="#CCCCCC"><strong><font color="#FF0000" size="1" face="Verdana, Arial, Helvetica, sans-serif">&lt;- Busca Dinamica -&gt;</font></strong></td>

</tr>

<tr>

<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Digite aki o nome do cliente</strong></font>:

<!-- NOTE Q A CADA TECLA PRESSIONADA É CHAMADA A FUNÇÃO PESQUISA PASSANDO O QUE O USUARIO TEM DIGITADO ATÉ O MOMENTO -->

<input type="text" name="nome" onKeyUp="carregaAjax('pagsdfsdfasdfasdfina', 'busca_nome.php?valor=' + this.value)" onKeyDown="carregaAjax('pagina', 'busca_nome.php?valor=' + this.value)"></td>as

</tr>

<tr>

<td>

<!-- AQUI SERÁ APRESENTADO O RESULTADO DA BUSCA DINÂMICA.. OU SEJA OS NOMES -->

<div id="pagina"></div></td>

</tr>

</table>

</body>

</html>

PÁGINA "SCRIPT.JS"

function openAjax() {

var Ajax;

try {Ajax = new XMLHttpRequest(); // XMLHttpRequest para browsers mais populares, como: Firefox, Safari, dentre outros.

}catch(ee){

try {Ajax = new ActiveXObject("Msxml2.XMLHTTP"); // Para o IE da MS

}catch(e){

try {Ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Para o IE da MS

}catch(e){Ajax = false;}

}

}

return Ajax;

}

function carregaAjax(div, getURL) {

document.getElementById(div).style.display = "block";

if(document.getElementById) { // Para os browsers complacentes com o DOM W3C.

var exibeResultado = document.getElementById(div); // div que exibirá o resultado.

var Ajax = openAjax(); // Inicia o Ajax.

Ajax.open("GET", getURL, true); // fazendo a requisição

Ajax.onreadystatechange = function(){

if(Ajax.readyState == 1) { // Quando estiver carregando, exibe: carregando...

exibeResultado.innerHTML = "<div>Carregando</div>";

}

if(Ajax.readyState == 4) { // Quando estiver tudo pronto.

if(Ajax.status == 200) {

var resultado = Ajax.responseText; // Coloca o retornado pelo Ajax nessa variável

resultado = resultado.replace(/\+/g,""); // Resolve o problema dos acentos

//resultado = resultado.replace(/ã/g,"a");

resultado = unescape(resultado); // Resolve o problema dos acentos

exibeResultado.innerHTML = resultado;

} else {

exibeResultado.innerHTML = "Por favor, tente novamente!";

}

}

}

Ajax.send(null); // submete

}

}

PÁGINA "BUSCA_NOME.PHP"

<?php

if(!empty($_GET["valor"])){

// O campo valor conterá o que o usuário digitou até o momento

//Conecta ao banco, colocar parametros ip, usuario, senha

$conexao=mysql_connect("localhost","root","");

//Seleciona o banco de dados que vai usar

mysql_select_db("teste");

// Executa a instrução SELECT passando o que o usuário digitou

$sql="select * from cliente where nome like '$_GET[valor]%'";

$resultado=mysql_query($sql) or die (mysql_error());

//Verifica a quantidade de registros retornados

$linhas=mysql_num_rows($resultado);

if($linhas>0){

// Executa um LOOP para mostrar os nomes das pessoas

// Vale lembrar que todos esses resultados serao mostrados dentro da pagina index.html dentro da DIV pagina

while($pegar=mysql_fetch_array($resultado))

echo "$pegar[nome] <br />";

}

}

?>

Desde já agradeço, vlw.

Link para o comentário
Compartilhar em outros sites
  • 0
Guest --Wagner --

Guest --Wagner --

Postado
Postado
Olá, estou com um codigo de uma busca em php, ajax e mysql, está funcionando, porém eu gostaria que no resultado da busca aparecesse o link nos resultados, para qd clicasse fosse pra alguma outra página referenciando o resultado, ou então, qd clicasse o campo input seria preenchido com o resultado.

Segue o código abaixo:

PÁGINA "INDEX.HTML"

<html>

<head>

<title>Busca Dinamica</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

&lt;script src="script.js"></script>

</head>

<body>

<table width="657" border="0" bgcolor="#f7f7f7">

<tr>

<td align="center" bgcolor="#CCCCCC"><strong><font color="#FF0000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><- Busca Dinamica -></font></strong></td>

</tr>

<tr>

<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Digite aki o nome do cliente</strong></font>:

<!-- NOTE Q A CADA TECLA PRESSIONADA É CHAMADA A FUNÇÃO PESQUISA PASSANDO O QUE O USUARIO TEM DIGITADO ATÉ O MOMENTO -->

<input type="text" name="nome" onKeyUp="carregaAjax('pagsdfsdfasdfasdfina', 'busca_nome.php?valor=' + this.value)" onKeyDown="carregaAjax('pagina', 'busca_nome.php?valor=' + this.value)"></td>as

</tr>

<tr>

<td>

<!-- AQUI SERÁ APRESENTADO O RESULTADO DA BUSCA DINÂMICA.. OU SEJA OS NOMES -->

<div id="pagina"></div></td>

</tr>

</table>

</body>

</html>

PÁGINA "SCRIPT.JS"

function openAjax() {

var Ajax;

try {Ajax = new XMLHttpRequest(); // XMLHttpRequest para browsers mais populares, como: Firefox, Safari, dentre outros.

}catch(ee){

try {Ajax = new ActiveXObject("Msxml2.XMLHTTP"); // Para o IE da MS

}catch(e){

try {Ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Para o IE da MS

}catch(e){Ajax = false;}

}

}

return Ajax;

}

function carregaAjax(div, getURL) {

document.getElementById(div).style.display = "block";

if(document.getElementById) { // Para os browsers complacentes com o DOM W3C.

var exibeResultado = document.getElementById(div); // div que exibirá o resultado.

var Ajax = openAjax(); // Inicia o Ajax.

Ajax.open("GET", getURL, true); // fazendo a requisição

Ajax.onreadystatechange = function(){

if(Ajax.readyState == 1) { // Quando estiver carregando, exibe: carregando...

exibeResultado.innerHTML = "<div>Carregando</div>";

}

if(Ajax.readyState == 4) { // Quando estiver tudo pronto.

if(Ajax.status == 200) {

var resultado = Ajax.responseText; // Coloca o retornado pelo Ajax nessa variável

resultado = resultado.replace(/\+/g,""); // Resolve o problema dos acentos

//resultado = resultado.replace(/ã/g,"a");

resultado = unescape(resultado); // Resolve o problema dos acentos

exibeResultado.innerHTML = resultado;

} else {

exibeResultado.innerHTML = "Por favor, tente novamente!";

}

}

}

Ajax.send(null); // submete

}

}

PÁGINA "BUSCA_NOME.PHP"

<?php

if(!empty($_GET["valor"])){

// O campo valor conterá o que o usuário digitou até o momento

//Conecta ao banco, colocar parametros ip, usuario, senha

$conexao=mysql_connect("localhost","root","");

//Seleciona o banco de dados que vai usar

mysql_select_db("teste");

// Executa a instrução SELECT passando o que o usuário digitou

$sql="select * from cliente where nome like '$_GET[valor]%'";

$resultado=mysql_query($sql) or die (mysql_error());

//Verifica a quantidade de registros retornados

$linhas=mysql_num_rows($resultado);

if($linhas>0){

// Executa um LOOP para mostrar os nomes das pessoas

// Vale lembrar que todos esses resultados serao mostrados dentro da pagina index.html dentro da DIV pagina

while($pegar=mysql_fetch_array($resultado))

echo "$pegar[nome] <br />";

}

}

?>

Desde já agradeço, vlw.

Link para o comentário
Compartilhar em outros sites
  • 0
Guest --Wagner --

Guest --Wagner --

Postado
Postado
Olá, estou com um codigo de uma busca em php, ajax e mysql, está funcionando, porém eu gostaria que no resultado da busca aparecesse o link nos resultados, para qd clicasse fosse pra alguma outra página referenciando o resultado, ou então, qd clicasse o campo input seria preenchido com o resultado.

Segue o código abaixo:

PÁGINA "INDEX.HTML"

<html>

<head>

<title>Busca Dinamica</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

&lt;script src="script.js"></script>

</head>

<body>

<table width="657" border="0" bgcolor="#f7f7f7">

<tr>

<td align="center" bgcolor="#CCCCCC"><strong><font color="#FF0000" size="1" face="Verdana, Arial, Helvetica, sans-serif">&lt;- Busca Dinamica -&gt;</font></strong></td>

</tr>

<tr>

<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Digite aki o nome do cliente</strong></font>:

<!-- NOTE Q A CADA TECLA PRESSIONADA É CHAMADA A FUNÇÃO PESQUISA PASSANDO O QUE O USUARIO TEM DIGITADO ATÉ O MOMENTO -->

<input type="text" name="nome" onKeyUp="carregaAjax('pagina', 'busca_nome.php?valor=' + this.value)" onKeyDown="carregaAjax('pagina', 'busca_nome.php?valor=' + this.value)"></td>

</tr>

<tr>

<td>

<!-- AQUI SERÁ APRESENTADO O RESULTADO DA BUSCA DINÂMICA.. OU SEJA OS NOMES -->

<div id="pagina"></div></td>

</tr>

</table>

</body>

</html>

PÁGINA "SCRIPT.JS"

function openAjax() {

var Ajax;

try {Ajax = new XMLHttpRequest(); // XMLHttpRequest para browsers mais populares, como: Firefox, Safari, dentre outros.

}catch(ee){

try {Ajax = new ActiveXObject("Msxml2.XMLHTTP"); // Para o IE da MS

}catch(e){

try {Ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Para o IE da MS

}catch(e){Ajax = false;}

}

}

return Ajax;

}

function carregaAjax(div, getURL) {

document.getElementById(div).style.display = "block";

if(document.getElementById) { // Para os browsers complacentes com o DOM W3C.

var exibeResultado = document.getElementById(div); // div que exibirá o resultado.

var Ajax = openAjax(); // Inicia o Ajax.

Ajax.open("GET", getURL, true); // fazendo a requisição

Ajax.onreadystatechange = function(){

if(Ajax.readyState == 1) { // Quando estiver carregando, exibe: carregando...

exibeResultado.innerHTML = "<div>Carregando</div>";

}

if(Ajax.readyState == 4) { // Quando estiver tudo pronto.

if(Ajax.status == 200) {

var resultado = Ajax.responseText; // Coloca o retornado pelo Ajax nessa variável

resultado = resultado.replace(/\+/g,""); // Resolve o problema dos acentos

//resultado = resultado.replace(/ã/g,"a");

resultado = unescape(resultado); // Resolve o problema dos acentos

exibeResultado.innerHTML = resultado;

} else {

exibeResultado.innerHTML = "Por favor, tente novamente!";

}

}

}

Ajax.send(null); // submete

}

}

PÁGINA "BUSCA_NOME.PHP"

<?php

if(!empty($_GET["valor"])){

// O campo valor conterá o que o usuário digitou até o momento

//Conecta ao banco, colocar parametros ip, usuario, senha

$conexao=mysql_connect("localhost","root","");

//Seleciona o banco de dados que vai usar

mysql_select_db("teste");

// Executa a instrução SELECT passando o que o usuário digitou

$sql="select * from cliente where nome like '$_GET[valor]%'";

$resultado=mysql_query($sql) or die (mysql_error());

//Verifica a quantidade de registros retornados

$linhas=mysql_num_rows($resultado);

if($linhas>0){

// Executa um LOOP para mostrar os nomes das pessoas

// Vale lembrar que todos esses resultados serao mostrados dentro da pagina index.html dentro da DIV pagina

while($pegar=mysql_fetch_array($resultado))

echo "$pegar[nome] <br />";

}

}

?>

Desde já agradeço, vlw.

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,1k
    • Posts
      651,8k
×
×
  • Criar Novo...