表分类器无法从Ajax、PHP工作

我使用AJAX将数据库条目从SQL返回到HTML

我想使用TableSorterJS来排列数据库条目

我遇到的第一个问题是，我的表中的表行都单独包装在TBODY中，我认为这导致了tablesorter JS无法工作

这是HTML

<table id="results" class="tablesorter">    

      <thead>
             <tr>  
                 <th>Event</th>  
                 <th>Venue</th>  
                 <th>Genre</th>  
                 <th>Date</th> 
                 <th>Price</th>  
            </tr>  
             </thead>

              <tbody>
            <tr>  
                      <td>egg presents</td>  
                      <td>egg</td>  
                      <td>techno</td>  
                      <td>2018-01-08</td> 
                      <td>0.00</td>  
                 </tr>  
                  </tbody>


              <tbody>
            <tr>  
                      <td>fabric presents</td>  
                      <td>fabric</td>  
                      <td>techno</td>  
                      <td>2018-01-08</td> 
                      <td>0.00</td>  
                 </tr>  
                  </tbody>


              <tbody>
            <tr>  
                      <td>fabric presents</td>  
                      <td>fabric</td>  
                      <td>techno</td>  
                      <td>2018-01-08</td> 
                      <td>20.00</td>  
                 </tr>  
                  </tbody>


              <tbody>
            <tr>  
                      <td>EYOE pres. Kite Base</td>  
                      <td>corsica studios</td>  
                      <td>techno</td>  
                      <td>2018-01-08</td> 
                      <td>11.00</td>  
                 </tr>  
                  </tbody>


              <tbody>
            <tr>  
                      <td>egg presents</td>  
                      <td>egg</td>  
                      <td>techno</td>  
                      <td>2018-01-08</td> 
                      <td>10.00</td>  
                 </tr>  
                  </tbody>

事件
地点
体裁
日期
价格
鸡蛋礼物
鸡蛋
技术
2018-01-08 
0
织物礼品
织物
技术
2018-01-08 
0
织物礼品
织物
技术
2018-01-08 
20
埃约总统风筝基地
科西嘉工作室酒店
技术
2018-01-08 
11
鸡蛋礼物
鸡蛋
技术
2018-01-08 
10

这是我的PHP/SQL请求

$query = "  
       SELECT * FROM event  
       WHERE  event_date = '".$_POST["to_date"]."'  AND  genre = '".$_POST["request"]."' AND  price <= '".$_POST["request1"]."'
  ";      
  $result = mysqli_query($connect, $query);  
    $output .= '  
     <table> 
      <thead>
             <tr>  
                 <th>Event</th>  
                 <th>Venue</th>  
                 <th>Genre</th>  
                 <th>Date</th> 
                 <th>Price</th>  
            </tr>  
             </thead>
            ';  
  if(mysqli_num_rows($result) > 0)  
  {  
       while($row = mysqli_fetch_array($result))  
       {  
            $output .= ' 
              <tbody>
            <tr>  
                      <td >'. $row["event_name"] .'</td>  
                      <td >'. $row["venue_name"] .'</td>  
                      <td >'. $row["genre"] .'</td>  
                      <td >'. $row["event_date"] .'</td> 
                      <td >'. $row["price"] .'</td>  
                 </tr>  
                  </tbody>
                    </table> 
            ';  

       }  
  } 

$query=”
从事件中选择*
其中event_date='“$\u POST[“to_date”]”和genre='“$\u POST[“request”]”和price，正如您从评论中看到的，尝试将
和
从
中放出来，而
循环：

$query = "SELECT * FROM event  
          WHERE  event_date = '".$_POST["to_date"]."' 
          AND genre = '".$_POST["request"]."' 
          AND price <= '".$_POST["request1"]."'";      
$result = mysqli_query($connect, $query);  
$output .= '<table> 
              <thead>
                <tr>  
                  <th>Event</th>  
                  <th>Venue</th>  
                  <th>Genre</th>  
                  <th>Date</th> 
                  <th>Price</th>  
               </tr>  
             </thead>
             <tbody>';  
if(mysqli_num_rows($result) > 0){  
   while($row = mysqli_fetch_array($result)){  
        $output .= '<tr>  
                     <td >'. $row["event_name"] .'</td>  
                     <td >'. $row["venue_name"] .'</td>  
                     <td >'. $row["genre"] .'</td>  
                     <td >'. $row["event_date"] .'</td> 
                     <td >'. $row["price"] .'</td>  
                    </tr>';  
   }
   $output.='</tbody>';  
}
else{
    //You can add some code if there are no result and then close </TDOBY>
    $output.='</tbody>';
}
//I suggest to add <tfoot> also before close <table>
$output .= '<tfoot>
              <tr>  
                <th>Event</th>  
                <th>Venue</th>  
                <th>Genre</th>  
                <th>Date</th> 
                <th>Price</th>  
             </tr>  
           </tfoot>
           </table>';

$query=“从事件中选择*
其中event_date='“$”POST[“to_date”]。”
和类型=“$\u POST[“request”]。”
我认为你应该在循环之前移动
，在循环之后移动
。你发布的代码中没有使用AJAX。相关问题：（包含JS）