如何处理ajax调用中的Bootstrap分页

Question

我使用一些重复数据（在堆栈溢出成员的帮助下）进行了引导分页。它工作正常但在我的实际应用程序中，我从数据库中获取数据。因为我使用以下方法

function empRoles() {
       $.ajax({
        type: 'POST',
        url: "/Admin/getRolesList",
        data:'{}',
        dataType: 'json',
        success: function (response) {
            console.log(response)
            var roleList = response;
            if (roleList == "") {
                noData()
            } else {
                $('#content').html('');
                for (var i = 0; i < roleList.length; i++) {
                    var table = '<tr  id="' + roleList[i].Id + '"><td>' + (i + 1) + '</td><td class="roleName" id="name' + i + '">' + roleList[i].name + '</td><td><button  class="btn edit btn-info btn-sm" id="edit' + i + '"><i class="fa fa-pencil"></i>Edit</button><button  class="btn update btn-success btn-sm" id="update' + i + '"><i class="fa fa-floppy-o"></i>Update</button><button class="btn dlt btn-danger btn-sm" onclick="deleteRow(this)" data-dismiss="modal" id="dlt' + i + '"><i class="fa fa-trash-o"></i>Delete</button><button class="btn editCancel btn-danger btn-sm" id="editCancel' + i + '" ><i class="fa fa-times"></i>Cancel</button></td><tr>';
                    $('#content').append(table);
                    editUpdate();
                }
            }

        },
        failure: function (response) {
            noData()
        }
    });
}

这是我没有ajax调用的重复文件
https://jsfiddle.net/gjohq4tu/7/

我在我的小提琴中评论了ajax代码。请各位帮助我，我如何在ajax调用中实现bootstrap分页。