过滤HTML表格 - Ajax
使用下面的脚本,当我开始在我的表格中搜索Facebook
时,它将提取的Facebook
附加到表格中,现在我在表格上有两个Facebook
数据。当我清除搜索输入时,表格必须移动到默认状态,具有全部items
过滤HTML表格 - Ajax
为什么我的脚本没有这样做?
PS:抱歉,我的英语不好
<script> $(document).ready(function() {
var typingTimer;
var doneTypingInterval = 100;
$("#myInput").on('keyup', function() {
clearTimeout(typingTimer);
if ($('#myInput').val()) {
typingTimer = setTimeout(doneTyping, doneTypingInterval);
}
});
});
//user is "finished typing," do something
function doneTyping() {
var key = $('#myInput').val();
if (key.length >= 1) {
$.ajax({
url: '/customer/search/?myInput='+key,
type: 'GET',
beforeSend: function() {
$("#table").slideUp('fast');
},
success: function (data) {
console.log(data);
$("#table").slideDown('fast');
var table = $("#table tbody");
$.each(data, function(idx, elem){
table.append(
"<tr><td></td> <td>"+elem.name+"</td><td>"+elem.phone+"</td><tr>"
);
});
}
});
}
}
</script>
回答:
你添加一个if (key.length >= 1)
条件,因此,如果您清除搜索输入也不会再次调用AJAX功能。你应该删除这个条件。
以上是 过滤HTML表格 - Ajax 的全部内容, 来源链接: utcz.com/qa/261880.html