Html 使用ajax请求中的搜索选项

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

我如何创建一个搜索框，用户在其中输入一个名称，然后该表将更改，从而只显示具有该名称的结果：

范例

在html站点上，我的表格如下所示：

职位： 姓名：

一, 奥迪

二, 宝马

三, 奥迪x

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

型号名称：奥迪 $（文档）.ready（函数（）{ $.ajaxSetup（{cache:false}）； setTimeout（函数（）{ $（'mainResults'）.load（'branje_sablon.php'）； setTimeout（函数（）{ $（“#mainResults”）.DataTable（）； },1000); }, 1000); }); $（文档）.ready（函数（）{ $.ajaxSetup（{cache:false}）； setTimeout（函数（）{ $（'mainResults'）.load（'branje_sablon.php'）； setTimeout（函数（）{ $（“#mainResults”）.DataTable（）； },1000); }, 1000); });

---

请使用jquery dataTables这是jquery的插件，可以实现与您喜欢的功能相同的功能。您可以检查我的编辑吗？那么像这样？对Jquery和php非常陌生，因此需要一些帮助。为什么要传递**$（“#results”）.DataTable（'branje_sablon.php'）；**使用类似$（'#results'）.DataTable（）；好的，但我如何从branje_sablon.php获取数据？在那个站点上，我正在读取并使用echo来读取我的表$（document）.ready（function（）{$.ajaxSetup（{cache:false}）；setInterval（function（）{$（'#results'）.load（'branje_sablon.php'）；}，3000）；$（'#results'）.DataTable（））；请使用jquery dataTables这是jquery的插件，可以实现与您喜欢的功能相同的功能。您可以检查我的编辑吗？那么像这样？对Jquery和php非常陌生，因此需要一些帮助。为什么要传递**$（“#results”）.DataTable（'branje_sablon.php'）；**使用类似$（'#results'）.DataTable（）；好的，但我如何从branje_sablon.php获取数据？在那个站点上，我正在读取并使用echo来读取我的表$（document）.ready（function（）{$.ajaxSetup（{cache:false}）；setInterval（function（）{$（'#results'）.load（'branje_sablon.php'）；}，3000）；$（'#results'）.DataTable（））；

<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>

$(document).ready(function() { $.ajaxSetup({ cache: false }); setTimeout(function() { $('#mainResults').load('branje_sablon.php'); setTimeout(function(){ $('#mainResults').DataTable(); },1000); }, 1000); });