目前我有一个脚本,可以在输入(500 毫秒)后从数据库中获取信息。当我第一次给出一个参数时,它完全可以工作,但第二次如果我给出另一个参数,它就不能正常工作。当我单击表的标题时,它添加了 15 行,但是我首先删除它们,我的查询限制为 5 行。
如何解决这个问题?
<html>
<head>
<script>
jQuery(document).ajaxStop(function() {
jQuery("#myTable").tablesorter();
});
var delay = (function() {
var timer = 0;
return function(callback, ms) {
clearTimeout(timer);
timer = setTimeout(callback, ms);
};
})();
$(document).on("keypress", "#searchValue", function() {
delay(function() {
$("#myTable tbody").empty();
var name = $("#searchValue").val();
$.post("<?php echo site_url('project/searchProject'); ?>",
{
name: name
},
function(data, status) {
var items = "";
data = $.parseJSON(data);
if (data.toString() !== "") {
$.each(data, function(index, item) {
items += "<tr>" + "<td>" + item.Code + "</td>";
items += "<td>" + item.Description + "</td>";
items += "<td>" + item.ProjectLeader + "</td>";
items += "<td>" + item.AccountManager + "</td>";
items += "</tr>";
});
}
$("#myTable tbody").append(items);
});
}, 500);
});
</script>
</head>
<body>
<input type='text' name='searchValue' id='searchValue'/>
<br>
<br>
<table id='myTable' class='tablesorter'>
<thead>
<tr>
<th>Code</th>
<th>Description</th>
<th>Project leader</th>
<th>Account manager</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>