buscador dinamico
Publicado por cry (4 intervenciones) el 24/09/2020 21:51:27
este es el codigo de index.php
este es el codigo de search.php
este es en codigo de indexbus.js
El codigo funciona bien hasta que le cambio <div id="result"></div> por <div id="resulta"></div> en el index y cambio
por:
quisiera saber porque me deja de funcionar o que puedo hacer para tener mas de 2 buscadores en 1 pagina
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<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>
<table>
<tr>
<td>
<input type="text" class="form-control" id="search" placeholder="Search video">
</td>
</tr>
<tr>
<td>Nombres y Apellidos
<div id="resulta"></div>
</td>
</tr>
</table>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="js/indexbus.js"></script>
</body>
este es el codigo de search.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
if(!isset($_POST['search'])) exit('No se recibió el valor a buscar');
require_once 'conexion.php';function search()
{$mysqli = getConnexion();
$search = $mysqli->real_escape_string($_POST['search']);
$query = "SELECT * FROM usuarios WHERE identificacion LIKE '%$search%' ";
$res = $mysqli->query($query);
while ($row = $res->fetch_array(MYSQLI_ASSOC)) {?>
<input style="background: white;"disabled='disabled'class='form-control' type='text' name='nombre' value='<?php echo$row['nombres'].' '.$row['apellidos']; ?>'></br>
<?php
}}search();?>
este es en codigo de indexbus.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$(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(){
$('#resulta').html('<img src="img/pacman.gif">')
}})
.done(function(resultado){
$('#resulta').html(resultado)
})
.fail(function(){
alert('Hubo un error :(')
})
})
})
El codigo funciona bien hasta que le cambio <div id="result"></div> por <div id="resulta"></div> en el index y cambio
1
2
3
4
5
$('#result').html('<img src="img/pacman.gif">')
}})
.done(function(resultado){
$('#result').html(resultado)
1
2
3
4
5
$('#resulta').html('<img src="img/pacman.gif">')
}})
.done(function(resultado){
$('#resulta').html(resultado)
Valora esta pregunta
0