Buscar datos en vivo php + Mysql
Publicado por Adhemar (3 intervenciones) el 27/07/2017 19:53:08
Hola tengo un problema tengo un archivo php que busca registros en una base de datos en mysql en vivo el problema es que no se como hacer para que cuando el text este vacio no me muestre todos los registros de la tabla.
estos son los archivos
index.php
index.js
Solo faltaría que cuando el input text este vacio no muestre nada... disculpen no manejo mucho jquery ni ajax
estos son los archivos
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Exportar informe Excel</title>
<!-- Latest compiled and minified CSS --></head>
<body>
<div class="container">
<div class="page-header text-left">
<h1>Buscador en tiempo real <small>con Jquery(ajax), Php y Mysql</small></h1>
</div>
<div class="row">
<div class="col-md-3">
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon glyphicon-search" aria-hidden="true"></span></span>
<input type="text" class="form-control" id="search" placeholder="Search video">
</div>
</div>
<div class="col-md-3 col-md-offset-3" id="result">
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
</script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(document).ready(function(){
$('#search').focus()
$('#search').on('keyup', function(){
var search = $('#search').val()
$.ajax({
type: 'POST',
url: 'php/search.php',
data: {'search': search},
beforeSend: function(){
$('#result').html('<img src="img/pacman.gif">')
}})
.done(function(resultado){
$('#result').html(resultado)
})
.fail(function(){
alert('Hubo un error :(')
})
})
})
Solo faltaría que cuando el input text este vacio no muestre nada... disculpen no manejo mucho jquery ni ajax
Valora esta pregunta
0