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

Question

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

标签： javascriptjqueryhtmlpagination

Answer 1

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

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

你可以在这个链接中看到