0

Tengo este código, en el cual hago mi consulta por Ajax en Laravel 5.7.

<script type="text/javascript">
$('#caja_consulta').on('keyup',function(){
    $value=$(this).val();

    $.ajax({
        type : 'get',
        url : "{{route('searchpackage')}}",
        data:{'caja_consulta':$value},
        success:function(data){
            $('tbody').append(data); // En esta parte quiero imprimir mi consulta el cual es un único registro en mi BD, pero por alguna razón lo repite.
            $('#caja_consulta').val('');
        }
    });
 });
</script>

<script type="text/javascript">
    $.ajaxSetup({ headers: { 'csrftoken' : '{{ csrf_token() }}' } });
</script>

Como pueden observar el código de Jquery hace que una vez que se coloca texto en el input lo borra (esto debido a que se lee con una maquina de lectura de código de barras), busca el id en la tabla y devuelve todo el registro.

Pero en esta parte (Append) quiero imprimir mi consulta el cual es un único registro en mi BD, pero por alguna razón lo repite.

Esta es una pantalla del como se muestra, pero como mencione solo debería ser una vez no 2. Funcionalidad del sistema

Es la mejor solución que encontré, podrían darme alguna otra opción.

De antemano se los agradezco.

Este es el codigo del controlador que lanza la consulta a la BD.

public function searchpackage(Request $request){
    if($request->ajax()){

        $output="";

        $caja_consulta = $request->caja_consulta;
        $consulta = detailBults::where("idDetalle",$caja_consulta)->take(1)->get(); 

        if($consulta){
            foreach($consulta as $cons){
                $output='<tr>'.
                '<td>'.$cons->idDetalle.'</td>'.
                '<td>'.$cons->mono.'</td>'.
                '<td>'.$cons->Line.'</td>'.
                '<td>'.$cons->PN.'</td>'.
                '<td>'.$cons->qtyord.'</td>'.
                '<td>'.$cons->PCSPKG.'</td>'.
                '<td>'.$cons->Operation.'</td>'.
                '<td>'.$cons->tiempo.' min</td>'.
                '</tr>';
            }
            return ($output);
        }

    }


}
13
  • ya intentaste hacer $('tbody').empty(); antes del append
    – dlr
    Commented el 15 ene. 2019 a las 17:05
  • Te refieres a hacer esto: $('tbody').empty().append(data); o en 2 lineas distintas Commented el 15 ene. 2019 a las 17:07
  • Si no me equivoco de las dos formas deberia de funcionar, solo debes probar,
    – dlr
    Commented el 15 ene. 2019 a las 17:09
  • @JesusAlejandroNuñezJaimez tiene pinta de que tu servidor la esta devolviendo 2 veces pero sin ese código no te lo podemos decir exacto.
    – JDev
    Commented el 15 ene. 2019 a las 17:11
  • @OrlandoDeLaRosa creo no quiere limpiar el tbody s noi añadir a la tabla un registro cada vez pero le esta añadiendo 2 cada vez
    – JDev
    Commented el 15 ene. 2019 a las 17:12

1 respuesta 1

0

Gracias por su ayuda uno de los comentarios tenia razon, decidi hacerlo con click en lugar de keyup y funciono correctamente.

   <script type="text/javascript">

$(document).ready(inicializarElementos);

function inicializarElementos(){
    $("#button").click(clickElemento);
}

function clickElemento(){
    var texto = $("#caja_consulta").val();


 $value=texto;

 $.ajax({

 type : 'get',

 url : "{{URL::to('searchpackage')}}",

 data:{'caja_consulta':$value},

 success:function(data){
            $('tbody').append(data);
              $('#caja_consulta').val('');



 }

 });
 }


</script>

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.