Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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!!!
- ================ESTE É MEU FORM DE BUSCA ==============
- <form id="form_buscar" action="pesquisar.php" method="post">
- <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=''">
- <input type="submit" value="buscar"> </form>
- ============ ESTE É MEU SCRIPT DE BUSCA ==============
- var req;
- // FUNÇÃO PARA BUSCA DO QUE PROCURA
- function buscar_o_que_procura(dados) {
- // Verificando Browser
- if(window.XMLHttpRequest) {
- req = new XMLHttpRequest();
- }
- else if(window.ActiveXObject) {
- req = new ActiveXObject("Microsoft.XMLHTTP");
- }
- // Arquivo PHP juntamente com o dados digitado no campo (método GET)
- var url = "pesquisar.php?dados="+dados;
- // Chamada do método open para processar a requisição
- req.open("Get", url, true);
- // Quando o objeto recebe o retorno, chamamos a seguinte função;
- req.onreadystatechange = function() {
- // Exibe a mensagem "Buscando usuario..." enquanto carrega
- // Resultado é o nome da div que está lá no teste.php
- if(req.readyState == 1) {
- document.getElementById('resultado').innerHTML = 'aguarde ...';
- }
- // Verifica se o Ajax realizou todas as operações corretamente
- if(req.readyState == 4 && req.status == 200) {
- // Resposta retornada pelo busca.php
- var resposta = req.responseText;
- // Abaixo colocamos a(s) resposta(s) na div resultado que está lá no teste.php
- document.getElementById('resultado').innerHTML = resposta;
- }
- }
- req.send(null);
- }
- /* Função caso usuario chegue a clicar no botão Buscar*/
- jQuery(document).ready(function(){
- jQuery('#form_buscar').submit(function(){
- var dados = jQuery(this).serialize();
- jQuery.ajax({
- type: "POST",
- url: "pesquisar.php",
- data: dados,
- success: function(data)
- {
- alert(data);
- }
- });
- return false;
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment