Goalkeeper
Papito corazón!! paga la pensión!!
- Registrado
- 2007/09/24
- Mensajes
- 7.703
- Sexo
Hola, que tal.
Tengo un problema que no he logrado solucionar por falta de conocimientos.
Implementé un buscador dinámico en PHP + JS para que mediante un cuadro de texto, al ingresar una palabra, automáticamente mientras tipeas se te despliegue en pantalla las coincidencias con la base de datos.
Todo va bien, la base de datos está OK, la interfaz del sitio web todo ok.
Pero sucede que una vez que realizas la primera busqueda, luego de cargar el sitio, al borrar el cuadro de texto para buscar una segunda palabra, el script me muestra toda la base datos.
Y necesito obviamente que cuando no exista texto en el cuadro de texto, obviamente no me busque nada y no despliegue nada.
El JS es este:
---------------------------------------------------------------------------------------------
function buscar(){
var pattern = document.getElementById('buscar').value;
var solicitud = new XMLHttpRequest();
var data = new FormData();
var url = 'buscar.php';
data.append("pattern", pattern);
solicitud.open('POST',url, true);
solicitud.send(data);
solicitud.addEventListener('load', function(e){
var cajadatos = document.getElementById('datos');
cajadatos.innerHTML = e.target.responseText;
}, false);
}
window.addEventListener('load', function(){
document.getElementById('buscar').addEventListener('input', buscar, false);
}, false);
--------------------------------------------------------------------------------------------------
.
Agradesco sus comentarios.
Tengo un problema que no he logrado solucionar por falta de conocimientos.
Implementé un buscador dinámico en PHP + JS para que mediante un cuadro de texto, al ingresar una palabra, automáticamente mientras tipeas se te despliegue en pantalla las coincidencias con la base de datos.
Todo va bien, la base de datos está OK, la interfaz del sitio web todo ok.
Pero sucede que una vez que realizas la primera busqueda, luego de cargar el sitio, al borrar el cuadro de texto para buscar una segunda palabra, el script me muestra toda la base datos.
Y necesito obviamente que cuando no exista texto en el cuadro de texto, obviamente no me busque nada y no despliegue nada.
El JS es este:
---------------------------------------------------------------------------------------------
function buscar(){
var pattern = document.getElementById('buscar').value;
var solicitud = new XMLHttpRequest();
var data = new FormData();
var url = 'buscar.php';
data.append("pattern", pattern);
solicitud.open('POST',url, true);
solicitud.send(data);
solicitud.addEventListener('load', function(e){
var cajadatos = document.getElementById('datos');
cajadatos.innerHTML = e.target.responseText;
}, false);
}
window.addEventListener('load', function(){
document.getElementById('buscar').addEventListener('input', buscar, false);
}, false);
--------------------------------------------------------------------------------------------------
.
Agradesco sus comentarios.