过滤HTML表 - Ajax

时间:2017-12-18 08:56:06

标签: javascript jquery ajax

使用下面的脚本,当我开始在我的表中搜索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>

1 个答案:

答案 0 :(得分:1)

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