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

时间:2016-08-15 11:06:19

标签: html ajax

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

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

实施例

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

位置: 名称:

1 奥迪

2 BMW

3 奥迪x

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

类型名称:AUDI< ---用户类型

现在表格应该是

位置: 名称:

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>

0 个答案:

没有答案