Problema con el autocomplete con input
Publicado por Rey (74 intervenciones) el 20/07/2021 19:51:15
me sale este error :
GET http://localhost:8080/Autocomplete_input2/jquery-ui-themes-1.10.2/themes/smoothness/jquery-ui.css index.html:4 net::ERR_ABORTED 404 (Not Found)
index.html
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="jquery-ui-themes-1.10.2/themes/smoothness/jquery-ui.css" />
<script>
$(document).ready(function(){
$( "#matricula" ).autocomplete({
source: "buscaralumno.php",
});
$("#matricula").focusout(function(){
$.ajax({
url:'alumno.php',
type:'POST',
dataType:'json',
data:{ matricula:$('#matricula').val()}
}).done(function(respuesta){
$("#nombre").val(respuesta.nombre);
$("#paterno").val(respuesta.paterno);
$("#materno").val(respuesta.materno);
});
});
});
</script>
</head>
<body>
<form>
<label for="matricula">Matricula:</label>
<input type="text" id="matricula" name="matricula" value=""/>
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" value=""/>
<label for="paterno">Paterno:</label>
<input type="text" id="paterno" name="paterno" value=""/>
<label for="materno">Materno:</label>
<input type="text" id="materno" name="materno" value=""/>
</form>
</body>
buscaralumno.php
<?php
$conexion = new mysqli_connect("localhost", "root", "", "autocomplete2");
$matricula = $_GET['term'];
$consulta = "select matricula FROM tblalumno WHERE matricula LIKE '%$matricula%'";
$result = $conexion->query($consulta);
if($result->num_rows > 0){
while($fila = $result->fetch_array()){
$matriculas[] = $fila['matricula'];
}
echo json_encode($matriculas);
}
?>
alumno.php
<?php
$conexion = new mysqli_connect("localhost", "root", "", "autocomplete2");
$matricula = $_POST['matricula'];
$consulta = "SELECT nombre, paterno, materno FROM tblalumno WHERE matricula = '%$matricula%'";
$result = $conexion->query($consulta);
$respuesta = new stdClass();
if($result->num_rows > 0){
$fila = $result->fetch_array();
$respuesta->nombre = $fila['nombre'];
$respuesta->paterno = $fila['paterno'];
$respuesta->materno = $fila['materno'];
}
echo json_encode($respuesta);
?>
GET http://localhost:8080/Autocomplete_input2/jquery-ui-themes-1.10.2/themes/smoothness/jquery-ui.css index.html:4 net::ERR_ABORTED 404 (Not Found)
index.html
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="jquery-ui-themes-1.10.2/themes/smoothness/jquery-ui.css" />
<script>
$(document).ready(function(){
$( "#matricula" ).autocomplete({
source: "buscaralumno.php",
});
$("#matricula").focusout(function(){
$.ajax({
url:'alumno.php',
type:'POST',
dataType:'json',
data:{ matricula:$('#matricula').val()}
}).done(function(respuesta){
$("#nombre").val(respuesta.nombre);
$("#paterno").val(respuesta.paterno);
$("#materno").val(respuesta.materno);
});
});
});
</script>
</head>
<body>
<form>
<label for="matricula">Matricula:</label>
<input type="text" id="matricula" name="matricula" value=""/>
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" value=""/>
<label for="paterno">Paterno:</label>
<input type="text" id="paterno" name="paterno" value=""/>
<label for="materno">Materno:</label>
<input type="text" id="materno" name="materno" value=""/>
</form>
</body>
buscaralumno.php
<?php
$conexion = new mysqli_connect("localhost", "root", "", "autocomplete2");
$matricula = $_GET['term'];
$consulta = "select matricula FROM tblalumno WHERE matricula LIKE '%$matricula%'";
$result = $conexion->query($consulta);
if($result->num_rows > 0){
while($fila = $result->fetch_array()){
$matriculas[] = $fila['matricula'];
}
echo json_encode($matriculas);
}
?>
alumno.php
<?php
$conexion = new mysqli_connect("localhost", "root", "", "autocomplete2");
$matricula = $_POST['matricula'];
$consulta = "SELECT nombre, paterno, materno FROM tblalumno WHERE matricula = '%$matricula%'";
$result = $conexion->query($consulta);
$respuesta = new stdClass();
if($result->num_rows > 0){
$fila = $result->fetch_array();
$respuesta->nombre = $fila['nombre'];
$respuesta->paterno = $fila['paterno'];
$respuesta->materno = $fila['materno'];
}
echo json_encode($respuesta);
?>
Valora esta pregunta


0