Javascript 如何在默认情况下仅显示5个结果？

我有一个搜索栏，默认情况下它会加载搜索栏下的所有数据。 我想在搜索前将默认值限制为表中只有5个结果

我试过了，但没用！ 我做错了什么

<script>
$(document).ready(function(){
    load_data();
    function load_data(query)
    {
        $.ajax({
            url:"fetch.php",
            method:"post",
            data:{query:query},
            success:function(data)
            {
                $('#result').html(data);
            }
        });
    }

    $('#search_text').keyup(function(){
        var search = $(this).val();
        if(search != '')
        {
            load_data(search);
            $('#result').dataTable({'iDisplayLength': 5});
        }
        else
        {
            load_data();            
        }
    });
});
</script>

$（文档）.ready（函数（）{
加载_数据（）；
函数加载\u数据（查询）
{
$.ajax({
url:“fetch.php”，
方法：“张贴”，
数据：{query:query}，
成功：功能（数据）
{
$（'#result'）.html（数据）；
}
});
}
$（“#搜索_文本”）.keyup（函数（）{
var search=$（this.val（）；
如果（搜索！=''）
{
加载_数据（搜索）；
$（'#result'）.dataTable（{'iDisplayLength'：5}）；
}
其他的
{
加载_数据（）；
}
});
});

HTML部分就是这样的代码：

<div id="result"></div>

---

如果您使用的是datatbles，则必须通过

页面长度：5

$('#example').dataTable( {
  "pageLength": 5
} );

---

你可以看到，在这个

中，你的意思是类似分页的吗？这是类似于自动完成的吗？是的，我想将数据限制为5个结果，以使其成为分页控制

pageLength

。你是否使用外部库来实现自动完成？