Tengo creado un buscador. Al escribir la ciudad, si esta existe en la Base de Datos, quiero que me abra la página de esa ciudad.
Tengo diez ciudades con información específica, pero el buscador está en la página genérica, donde muestro los enlaces a esas ciudades y otras informaciones, y lo que estoy tratando de hacer, es que al poner una ciudad, la busque en la base de datos y si esta existe, me abra una página con la información de esa ciudad.
Les adjunto el código del buscador. Es para hacerlo con PHP.
<div class="buscador>
<form action="" method="post" name="fbuscar" id="fbuscar" accept-charset="utf-8">
<div class="buscador-input">
<label for="q" class="input-label">¿Escribe la ciudad?</label>
<input type="search" name="q" id="q" class="input-tex">
</div>
<div class="buscador-submit">
<label for="bbuscar" class="submit-label">
<input type="submit" name="bbuscar" id="bbuscar" value="BUSCAR" class="submit-btn">
</label>
</div>
</form>
<div id="mensajeError" class="alertError alertError-dnone"></div>
</div>
El código funciona perfectamente, pero tengo un problema y es que la página se recarga, y no me gustaría que hiciese eso. Estoy viendo si puedo hacerlo con AJAX; todo me funciona bien, hasta aquí, pero no sé como puedo capturar la variable ($slug)
del archivo verificar-ciudades.php
y devolverla al archivo principal, para que esta acción me envíe a la ciudad seleccionada.
window.location.href="/visita-$slug";
Tampoco sé si esto se podrá hacer.
Este es el código del archivo principal, donde está el formulario.
$( function(){
$("#fbuscar").submit(function(event){
event.preventDefault();
enviar();
}); //#fbuscar
function enviar(){
//
$("#proceso").val("Buscar");
var datos = $("#fbuscar").serialize();
//
$.ajax({
type: "POST",
url: "verificar-ciudades.php",
data: datos,
success: function(texto){
if(texto == "exito"){
$("#q").val('');
//Aquí es donde tengo el problema, que no sé como
capturar esta variable ($slug) en verificar-
ciudades.php y devolverla a este archivo, para
ejecutar el código de abajo.
window.location.href="/visita-$slug";
}else{
phperror(texto);
}
}
});
}
});
function phperror(texto){
$("#mensajeError").removeClass("alertError--d-none");
$("#mensajeError").html(texto);
setTimeout(function() {
$("#mensajeError").html('');
}, 5000);
}
Y este es el código de verificar-ciudades.php
<?php
require_once 'modulo/conexion.php';
require_once 'modulos-funciones/funciones-validar-ajax.php';
//
if ($_SERVER["REQUEST_METHOD"] == "POST") {
//
$error = '';
$proceso = validar_input_datos($_POST['proceso']);
$ciudad = validar_input_datos($_POST["q"]);
//
$expresion ="/^[a-zA-ZñÑáéíóúÁÉÍÓÚ ]*$/";
//
if(empty($ciudad)){
$error = 'Ingresa una Ciudad </br>';
}else{
//
if( preg_match($expresion, $ciudad) ){
$ciudad = $ciudad;
}else{
$error .='Solo letras';
}
}
//
if ($proceso == 'Buscar' && $error == '' && $ciudad !='') {
$sql = $conexion->prepare("SELECT ciu_slug FROM ciudades
WHERE ciu_nombre =:cd AND ciu_estado = 1");
$sql->bindValue(":cd", $ciudad, PDO::PARAM_STR);
$sql->execute();
$fila = $sql->fetch(PDO::FETCH_ASSOC);
if( isset($fila['ciu_slug']) ){
$slug = $fila['ciu_slug'];
//
echo 'exito';
}else{
echo'En ' .$ciudad ." No disponemos de información";
}
}else{
echo $error;
}
}