添加AJAX搜索篩選器到結果 - PHP/MySQL

我試圖創建一個頁面，顯示我的數據庫中的所有數據，但我希望能夠通過搜索框過濾數據，消除行不匹配查詢，幾乎完全像DataTables。但是，我無法使用DataTables，因爲我發現添加自定義列很困難。我知道如何創建一個搜索頁面，然後顯示結果，但不知道如何在結果中搜索。添加AJAX搜索篩選器到結果 - PHP/MySQL

任何幫助，將不勝感激。謝謝。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
     <title>View Records</title> 
</head> 
<body> 

<?php 

     // connect to the database 
     include('connect-db.php'); 


     // get results from database 
     $result = mysql_query("SELECT * FROM Orders") 
       or die(mysql_error());  

     // display data in table   
     echo "<table border='1' cellpadding='10'>"; 
     echo "<tr> <th>Date</th> <th>Name</th> <th>Phone</th> <th>Location</th> <th></th> <th></th></tr>"; 

     while($row = mysql_fetch_array($result)) { 
    $src = ''; 
    switch($row['Location']) { 
      case '1': 
       $src = '1.jpg'; 
       break; 
      case '2': 
       $src = '2.jpg'; 
       break; 
      default: 
       $src = 'default.jpg'; 

      }  // echo out the contents of each row into a table 
       echo "<tr>"; 
       echo '<td>' . $row['date'] . '</td>'; 
       echo '<td>' . $row['Name'] . '</td>'; 
       echo '<td>' . $row['Phone'] . '</td>'; 
       echo '<td><img src="'.$src.'"></td>'; 
       echo '<td><a href="edit.php?id=' . $row['id'] . '">Edit</a></td>'; 
       echo '<td><a href="delete.php?id=' . $row['id'] . '">Delete</a></td>'; 
       echo "</tr>"; 
     } 

     // close table> 
     echo "</table>"; 


?> 
<p><a href="new.php">Add a new record</a></p> 

</body> 
</html>

來源

2013-03-25 user2208768

Using jQuery for client side table search

來源

2013-03-25 19:01:51

這是偉大的感謝。我怎樣才能設置它，以便它只搜索2個字段，「名稱」和「電話？」 – user2208768 2013-03-25 19:50:33

添加AJAX搜索篩選器到結果 - PHP/MySQL

回答

相關問題