默认情况下,我如何仅显示5个结果?

时间:2019-03-28 09:29:04

标签: javascript jquery html pagination

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

1 个答案:

答案 0 :(得分:0)

如果您正在使用数据表,则必须通过pageLength: 5

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

您可以在此link

中看到