Javascript 按消息筛选票证的搜索栏

Javascript 按消息筛选票证的搜索栏,javascript,php,mysql,laravel,searchbar,Javascript,Php,Mysql,Laravel,Searchbar,我在一个使用Laravel的项目中,我对这个框架有点陌生。 我想知道是否有一种方法可以创建一个搜索栏,根据tds之一过滤我的表。表单元格是从数据库填充的,所以它不是静态数据。到目前为止,我只找到了使用Javascript的静态数据的答案 这是我的桌子: <div class="panel-body"> <table class="table table-striped table-bordered table-hovered" id="myTable">

我在一个使用Laravel的项目中,我对这个框架有点陌生。 我想知道是否有一种方法可以创建一个搜索栏,根据tds之一过滤我的表。表单元格是从数据库填充的,所以它不是静态数据。到目前为止,我只找到了使用Javascript的静态数据的答案

这是我的桌子:

<div class="panel-body">
    <table class="table table-striped table-bordered table-hovered" id="myTable">
      <tr>
        <td>Objet</td>
        <td>Urgence</td>
        <td>Statut</td>
        <td>Utilisateur</td>
        <td>Actions</td>
      </tr>
      @foreach ($tickets as $ticket)
        <tr>
        <td width="25%">{{ $ticket->message}}</td>
        <td width="25%">{{ $ticket->urgence->niveau}}</td>
        <td width="25%">{{ $ticket->statut}}</td>
        <td width="25%">{{ $ticket->utilisateur->name}}</td>
        <td style='white-space: nowrap'>
          <a href="{{ url('tickets/'.$ticket->id.'/voir')}}" class="btn btn-info">Voir</a>
          <a href="{{ url('tickets/'.$ticket->id.'/delete')}}" class="btn btn-danger" onclick="return confirm('Êtes vous sûr de vouloir supprimmer ce ticket?')">Supprimer</a>
        </td>
        </tr>
      @endforeach

    </table>
    {{ $tickets->render()}}
  </div>

Objet
迫切性
身材
利用者
行动
@foreach($tickets作为$ticket)
{{$ticket->message}
{{$ticket->urgence->niveau}
{{$ticket->statut}
{{$ticket->use-ateur->name}
@endforeach
{{$tickets->render()}

提前感谢。

我想您可以使用ajax,然后根据响应重新加载表。当然,只需使用dataTables,并按照文档中的描述使用ajax即可。Tbh这与laravel无关,一切都与javascript有关,与您决定如何实现表有关我在哪里可以找到能够实现表的文档?我从来没有使用过AJAX。你试过使用Datatables吗:?没有,它是开源的吗?因为这个项目实际上是一个实习项目,我将不得不介绍它。