使用来自ajax请求的搜索选项

Question

我有一个显示结果的HTML页面。结果显示在一个用ajax调用的表中，如下面的代码所示。

如何创建一个搜索框，用户可以在其中输入名称，然后表格会发生变化，只显示带有该名称的结果：

实施例

我的表在html网站上看起来像这样：

位置： 名称：

1 奥迪

2 BMW

3 奥迪x

现在我希望有一个搜索框：

类型名称：AUDI＆lt; ---用户类型

现在表格应该是

位置： 名称：

1 奥迪

3 奥迪x

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.ajaxSetup({ cache: false }); 
setInterval(function() {
$('#results').load('branje_sablon.php');
}, 3000); 
});
</script>
<div id="results"></div>  

编辑：

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.css"> 
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.ajaxSetup({ cache: false }); 
$(document).ready( function () {
$('#results').DataTable('branje_sablon.php');
} );

</script>
<div id="results">Loading data ...</div>