通过ajax提取数据时，jQuery数据表不起作用

Question

我在jsp页面中的表中使用了jquery数据表。如果我以此方式填写<tbody>字段，一切正常：

    <script src="${pageContext.request.contextPath}/js/jquery-2.2.4.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/datatables.js"></script>
    <script type="text/javascript">
            $(document).ready(function () {
                  $("#sales").dataTable({
                    "sPaginationType": "full_numbers",
                    "bJQueryUI": true               
                });
            });
        </script>
.
.
.
         <tbody id="pagination" style="word-wrap:break-word;">
                    <%
                    for (User c : FetchData.getAllUsers()) { %>
                        <tr>
                        <td><%=c.getUsername()%>
                        </td>
                        <td><%=c.getFirstName() + " " + c.getLastName()%>
                        </td>
                        <td><%=c.getEmail()%>
                        </td>
                    </tr>
                                <% } %>
                                </tbody>

问题是当我想避免jstl并使用ajax填充tbody时。在这里：

<script src="${pageContext.request.contextPath}/js/jquery-2.2.4.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/datatables.js"></script>
<script type="text/javascript">
        $(document).ready(function () {
            $.ajax({
                url: 'paging',
                type: 'GET'
            }).success(function (data) {
                $('#pagination').empty();
                $.each(data, function (index, user) {
                    $('#pagination').append($('<tr>')
                        .append($('<td>').text(user.username))
                        .append($('<td>').text(user.firstName+" "+user.lastName))
                        .append($('<td>').text(user.email)))
});
            });

              $("#sales").dataTable({
                "sPaginationType": "full_numbers",
                "bJQueryUI": true               
            });
        });
    </script>

在这种情况下，像分页，过滤和...之类的所有元素都像以前一样出现，但不起作用。

它只是以正常方式显示一个表。我的意思是该表就像不使用jquery数据表时一样。排序不起作用，也不进行过滤，也不进行分页等。

我什么都没改变。只是使用ajax而不是jstl获取数据。可能是什么问题？