0

Buen día colegas, espero y puedan apoyarme, busco cargar los registros que tengo en mi BD, en un select mediante ajax, al momento tengo esto sin embargo no me muestra nada, espero y puedan apoyarme.

var mostrarMedidas = $('#unidadmedida').val()
$.ajax({
  url: 'otros/medidas.otros',
  method: 'GET',
  data: mostrarMedidas,
  dataType: 'html',
  success: function(data) {
    $("#unidadmedida").append(data);
  }
});
<select class="form-select" id="unidadmedida" data-allow-clear="true"></select>

y mi archivo PHP donde tengo mi consulta es esta.

<?php
require_once 'conexion.php';

$consulta = mysqli_query($conexion, "SELECT * FROM ct_unidades_medidas");
while ($row = mysqli_fetch_array($consulta)) {
    // Aquì, agregaremos opciones
    echo "<option value='".$row['id_unidad_medida']."'>".$row['nombre_unidad']."</option>";
}

?>                  

Espero y puedan apoyarme.

2
  • 2 cosas... que se supone que haces en el archivo php, por que, si solo es un archivo a parte, no hace nada realmente... y la consulta ajax, que se supone que quieres hacer, tampoco hace nada realmente... le dices, dame el val de unidad medida, y metelo.. donde mismo ???
    – Excorpion
    Commented el 21 jul. 2023 a las 21:29
  • En el archivo PHP, lo que hago es la consulta para obtener los registros de Medidas, en Ajax busco traer esos registros y mostrarlos en mi input Selec, solo es una idea sin embargo aun no lo encuentro bien
    – iBokii
    Commented el 21 jul. 2023 a las 21:36

1 respuesta 1

1

intenta de la siguiente manera:

$.ajax({
  url: 'otros/medidas.otros',
  method: 'POST',
  data: {'mostrarMedidas': 1},
  dataType: 'json',
  success: function(data) {
    $("#unidadmedida").append(data);
  }
});

Usa el método POST en lugar de GET y el formato json en lugar de html.

<select class="form-select" id="unidadmedida" data-allow-clear="true"></select>

Luego, validas los datos en PHP y retornas el contenido de la lista, si es que se cumplen las condiciones.

<?php
require_once 'conexion.php';

//Preparar una variable vacía
$lista = "";
//Validar si el campo está seteado y es igual a 1
if(isset($_POST['mostrarMedidas']) && $_POST['mostrarMedidas'] == 1) {
  $consulta = mysqli_query($conexion, "SELECT * FROM ct_unidades_medidas");
  while ($row = mysqli_fetch_array($consulta)) {
    // Aquì, agregaremos opciones
    $lista .= "<option value='".$row['id_unidad_medida']."'>".$row['nombre_unidad']."</option>";
  }
}
//Retornar en formato json la variable vacía o con datos
echo json_encode($lista);
?>  

Es una alternativa.

Haz pruebas y comenta si tienes alguna dificultad. Recuerda depurar el código en el inspector de tu navegador para corregir posibles errores.

3
  • Perfecto, me muestra los resultados, ya solo quisiera saber como seria que cuando se registre una nueva unidad se cargue automaticamente en mi Select, porque ahorita se muestra cuando recargo la página
    – iBokii
    Commented el 21 jul. 2023 a las 22:06
  • Eso es otro proceso diferente, el tener que guardarlos es otro al como leerlos.
    – Excorpion
    Commented el 22 jul. 2023 a las 12:56
  • Envuelve la petición ajax en una función y ejecutas esa función al registrar cada nueva unidad. Asegúrate de vaciar el listado antes de ejecutar dicha función para evitar que se "dupliquen" los option. Esto lo consigues así $('#unidadmedida').html("");. Inténtalo y si tienes alguna duda puntual, te sugiero abrir una nueva pregunta.
    – DjCrazy
    Commented el 22 jul. 2023 a las 15:33

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.