aquilesmaior

Incrementar submit no meu ajax

Aug 20th, 2012
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 2.27 KB | None | 0 0
  1. Olá pessoal, tenho um script de buscas porém preciso de uma ajuda, hoje minha busca é feita a medida que o usuario vai digitando o sistema vai mostrando na div, porém eu precisava que a quando usuario clicasse no botão buscar ele também efetuasse a busca. Eu queria poder fazer isto sem ter que mudar muito meu codigo. Vejam se podem me ajudar. Obrigado!!!
  2.  
  3. ================ESTE É MEU FORM DE BUSCA ==============
  4. <form id="form_buscar" action="pesquisar.php" method="post">
  5. <input type="text" name="dados" value="digite a categoria aqui: exemplo: Eletricista" size="80" height="60"  id="busca" onkeyup="buscar_o_que_procura(this.value)" onClick="javascript:this.value=''">
  6. <input type="submit" value="buscar"> </form>
  7.  
  8.  
  9. ============ ESTE É MEU SCRIPT DE BUSCA ==============
  10. var req;
  11.  
  12. // FUNÇÃO PARA BUSCA DO QUE PROCURA
  13. function buscar_o_que_procura(dados) {
  14.  
  15. // Verificando Browser
  16. if(window.XMLHttpRequest) {
  17. req = new XMLHttpRequest();
  18. }
  19. else if(window.ActiveXObject) {
  20. req = new ActiveXObject("Microsoft.XMLHTTP");
  21. }
  22.  
  23. // Arquivo PHP juntamente com o dados digitado no campo (método GET)
  24. var url = "pesquisar.php?dados="+dados;
  25.  
  26. // Chamada do método open para processar a requisição
  27. req.open("Get", url, true);
  28.  
  29. // Quando o objeto recebe o retorno, chamamos a seguinte função;
  30. req.onreadystatechange = function() {
  31.  
  32. // Exibe a mensagem "Buscando usuario..." enquanto carrega
  33. // Resultado é o nome da div que está lá no teste.php
  34. if(req.readyState == 1) {
  35. document.getElementById('resultado').innerHTML = 'aguarde ...';
  36. }
  37.  
  38. // Verifica se o Ajax realizou todas as operações corretamente
  39. if(req.readyState == 4 && req.status == 200) {
  40.  
  41. // Resposta retornada pelo busca.php
  42. var resposta = req.responseText;
  43.  
  44. // Abaixo colocamos a(s) resposta(s) na div resultado que está lá no teste.php
  45. document.getElementById('resultado').innerHTML = resposta;
  46.  
  47. }
  48. }
  49. req.send(null);
  50. }
  51.  
  52.  
  53. /* Função caso usuario chegue a clicar no botão Buscar*/
  54. jQuery(document).ready(function(){
  55.     jQuery('#form_buscar').submit(function(){
  56.         var dados = jQuery(this).serialize();
  57.        
  58.         jQuery.ajax({
  59.             type: "POST",
  60.             url: "pesquisar.php",
  61.             data: dados,
  62.             success: function(data)
  63.             {
  64.                 alert(data);
  65.                 }
  66.                 });
  67.                 return false;
  68.                 });
  69.                 });
Advertisement
Add Comment
Please, Sign In to add comment