javascript - 过滤 HTML 表格 - Ajax

Question

使用下面的脚本，当我开始在我的表中搜索 Facebook 时，它会将获取的 Facebook 附加到表中，现在我有两个 Facebook表中的数据。当我清除搜索输入时，表格必须移动到具有所有 items

的默认状态

为什么我的脚本没有这样做？

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>

Answer 1

您添加了一个 if (key.length >= 1) 条件，因此如果您清除搜索输入，它不会再次调用 ajax 函数。您应该只删除此条件。