如何默认只显示 5 个结果？

Posted 2023-03-10

【中文标题】如何默认只显示 5 个结果？

【英文标题】：How do I show only 5 results by default?

【发布时间】：2019-08-19 00:29:12

【问题描述】：

我有一个搜索栏，默认情况下它会加载搜索栏下的所有数据。 我想将搜索前的默认值限制为表中只有 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>

而 HTML 部分就是这段代码：

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

【问题讨论】：

你是指分页之类的东西吗？

这类似于 autocomplete 吗？

是的，我想将数据限制为只有 5 个结果以使其分页

改用pageLength。

您是否使用外部库来实现自动完成功能？

【参考方案1】：

如果您使用的是数据表，那么您必须通过 pageLength: 5。

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

你可以在这个link看到