Skip to main content
2 de 5
se eliminaron 117 caracteres en el cuerpo
Miguel
  • 1.5k
  • 1
  • 21
  • 53

Buscador en vivo, laravel

Buenas tengo un buscador pero tengo algunas dudas. Os muestro el código primero.

El controlador

public function search(Request $request)
    {
    if($request->ajax())
    {
    $output="";
    $products=DB::table('productos')->where('producto','LIKE','%'.$request->search."%")->get();
    if($products)
    {
    $output.='<div class="result">';
        foreach ($products as $key => $product) {
        $output.=
        '<a href="">
            <div class="row espacioRowBusca">'.
                '<div class="col-3"><img src='. asset("images/productos/camas/{$product->imagen}") .' alt="" class="imgBuscador"></div>'.
                '<div class="col-9">
                    <h3>'.$product->marca.'</h3>
                    <h2>'.$product->producto.'</h2>
                    <h5>'.$product->categoria.'/'.$product->subcategoria.'</h5>
                </div>'.
            '</div>
        </a>';
        }
    $output.='</div>';
    return Response($output);
       }
       }
    }

La ruta

Route::get('/', "Web@index")->name('web.index');

El buscador y donde muestra los resultados

<input type="text" class="form-control inputSearch" id="search" name="search" placeholder="¿Que estas buscando?">
<div id="resultados"></div>

JavaScript

<script type="text/javascript">
      $('#search').on('keyup',function(){
      $value=$(this).val();
        $.ajax({
        type : 'get',
        url : '{{URL::to('search')}}',
        data:{'search':$value},
          success:function(data){
            $('#resultados').html(data);
            }
        });
      })
  </script>
  <script type="text/javascript">
    $.ajaxSetup({ headers: { 'csrftoken' : '{{ csrf_token() }}' } });
  </script>  

Bien lo que necesito, que cuando me muestra los resultados en el div si hago clic en cualquier otro punto ese div desaparezca. Por otro lado si no encuentra nada que diga no hay resultados.

Gracias y un saludo

Miguel
  • 1.5k
  • 1
  • 21
  • 53