Jump to content


Photo

Busca Em Ajax


  • Faça o login para participar
15 replies to this topic

#1 Fernando Trevizan

Fernando Trevizan

    12 Horas

  • Usuários
  • 160 posts
  • Sexo:Masculino
  • Localidade:Penápolis-SP

Posted 26/09/2007, 13:48

Seguinte,

Teria como fazer em AJAX uma busca deste tipo?

Existe um select name com algumas opções para qual categoria o usuário quer buscar infos. Abaixo existe um campo text e lá será onde ele vai colocar a palavra que será buscada.

Quando o usuário digitar no campo texto alguma letra, já mostrar resultados abaixo, sem ele ter clicado em nada.


Semelhante a busca na index do www.vagalume.com.br

#2 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 26/09/2007, 14:23

Movi para a seção de AJAX.

Você fala assim: http://www.bimonti.net/busca/ ?
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#3 Fernando Trevizan

Fernando Trevizan

    12 Horas

  • Usuários
  • 160 posts
  • Sexo:Masculino
  • Localidade:Penápolis-SP

Posted 26/09/2007, 15:13

isso

#4 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 26/09/2007, 20:09

Pegou lá ?!
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#5 Fernando Trevizan

Fernando Trevizan

    12 Horas

  • Usuários
  • 160 posts
  • Sexo:Masculino
  • Localidade:Penápolis-SP

Posted 27/09/2007, 08:40

Sim, eu entendi.
Poderia ver o código fonte???

#6 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 27/09/2007, 10:23

Está tudo lá:

CSS: http://www.bimonti.n...yles/global.css
JS da Busca: http://www.bimonti.n...ibrary/busca.js
JS de Extras: http://www.bimonti.n...library/misc.js

A página de retorno é em PHP, bem simples, só um SELECT na tabela do banco de dados, depois ele monta um arquivo xml assim:

<resultados>
	<word>
		<palavra>defend</palavra>
		<pronuncia>dif´end</pronuncia>
		<traducao>defender, proteger, preservar, amparar.</traducao>
	</word>
</resultados>

Para exibir os resultados no XML na busca (quando clica no botão buscar), eu uso XSL:

Estilo do XML: http://www.bimonti.n.../resultados.xsl

Edição feita por: bimonti, 27/09/2007, 10:23.

WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#7 Fernando Trevizan

Fernando Trevizan

    12 Horas

  • Usuários
  • 160 posts
  • Sexo:Masculino
  • Localidade:Penápolis-SP

Posted 27/09/2007, 10:37

Bom, mas o que estou querendo fazer é um pouquinho diferente.
Queria que o pegasse o valor do campo select + o valor do campo palavra para realizar a pesquisa.
Por exemplo.


Caso eu tenha selecionado noticias e colocado 'pizza' para pesquisar.

SELECT * FROM noticias WHERE LIKE '%pizza%';

#8 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 27/09/2007, 11:11

É só alterar ... é nesta parte:

this.__receive.open('GET',this.__pagina+'?'+this.__queryVar+'='+valor,true);

repare que é uma query string norma... tipo: pagina.php?foo=valorDoCampoDeBusca ...

Para selecionar onde busca é só acrescentar um valor extra:

this.__receive.open('GET',this.__pagina+'?'+this.__queryVar+'='+valor+'&where='+valorW,true);

E passe pra função esse outro dados, que depende de como você seleciona, usando um radio, ou select...

Na página PHP é só resgatar normalmente usando GET.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#9 Jefferson Fernandes

Jefferson Fernandes

    Turista

  • Usuários
  • 36 posts
  • Sexo:Não informado

Posted 12/08/2008, 12:23

bimonti, você poderia me dizer como eu faço a página buscaBD.php, pois não consegui, nem consigo montar o xml.

Edição feita por: Jefferson Fernandes, 12/08/2008, 12:25.


#10 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 12/08/2008, 13:23

Attached File  busca.rar   16.52KB   16 downloads

Tá aí ... o script completo. É bem simples... as classes em PHP são bem antigas, não creio que irá funcionar no PHP5+ sem alterações.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#11 Jefferson Fernandes

Jefferson Fernandes

    Turista

  • Usuários
  • 36 posts
  • Sexo:Não informado

Posted 12/08/2008, 13:57

Attached File  busca.rar   16.52KB   16 downloads

Tá aí ... o script completo. É bem simples... as classes em PHP são bem antigas, não creio que irá funcionar no PHP5+ sem alterações.



vlw msm veio, me ajudou pacas...

So mais uma coisa, aqui fica aparecendo uma caixa de texto " [Object] ", toda vez que faz a consulta no input, tem como retirar isso ???

forte abraço

:lol:

Edição feita por: Jefferson Fernandes, 12/08/2008, 14:04.


#12 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 13/08/2008, 10:28

Eu devo ter colocado algum alert para debug... procura no código fonte algum alert e remove.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#13 WellingtonSG

WellingtonSG

    Novato no fórum

  • Usuários
  • 20 posts
  • Sexo:Não informado

Posted 19/08/2008, 10:39

O script é muito bom, só que na hora não aparece nenhuma palavra na buca, eu já crei o DB Buscae importei as tabelas, e se eu aperto em buscar da o erro:

Erro no processamento de XML: nenhum elemento encontrado
Posição: http://localhost/busca/buscaBD.php?var=sono&submit=Buscar
Número da linha 10, coluna 21:No database selected

E como removo esse alert citado acima?

obrigado

#14 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 19/08/2008, 10:54

Tem que arrumar o erro 'No database selected'. Você editou as informações para o seu banco de dados corretamente?
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#15 WellingtonSG

WellingtonSG

    Novato no fórum

  • Usuários
  • 20 posts
  • Sexo:Não informado

Posted 19/08/2008, 10:57

Edit:

Upei pro meu host e funcionando 100%

Só como tiro esse alert:

Posted Image

Edição feita por: WellingtonSG, 19/08/2008, 20:14.





1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq