Java 页面长度更改时重新加载数据表

我在服务器端有一个limit查询，它返回startResult和maxResult之间的数据。我想在页面长度更改时重新加载数据表

这是我的Html代码：

<table class="table table-striped" id = "cardTable">
        <thead>
            <tr>
                <th>expression</th>
                <th>type</th>
                <th>edit card</th>
            </tr>
        </thead>
        <tbody>

            <c:forEach var="card" items="${cards}">
                <tr>

                    <td>${card.expression}</td>
                    <td>${card.type.name} <input class="card" name="card" type="hidden" value="${card.id }"></td>

                    <!--<td><button data-toggle="modal" data-target="#cardUpdate" class="btn btn-primary">Edit</Button></td>-->
                    <td><button class="updateCard btn-primary">edit</button></td>
                </tr>
            </c:forEach>
        </tbody>

}

我试过这个

$('#cardTable').on( 'length.dt', function ( e, settings, len ) {
    $("#cardTable").DataTable().clear().draw();
    resetTable(0,10);
} );
})

---

但它没有起作用。有人能帮我吗？

这个能帮我吗？-不。我的问题是重新加载表。我不知道如何执行此操作。请尝试此操作，

$（'#cardTable'）.api（）.ajax.reload（）仍然不起作用。这有帮助吗？-不。我的问题是重新加载表。我不知道如何执行此操作。请尝试此操作，
$（'#cardTable'）.api（）.ajax.reload（）它仍然不起作用。
function resetTable(startResult,maxResult) {

$.ajax({
    type:"GET",
    url: contexPath + "/card.html/" + startResult + "/" + maxResult,
    data: "startResult=" + startResult + "&maxResult=" + maxResult,
    success:function() {
        alert("success")
    },
    error:function(e) {
        alert('fail')
    }
});

$('#cardTable').on( 'length.dt', function ( e, settings, len ) {
    $("#cardTable").DataTable().clear().draw();
    resetTable(0,10);
} );
})