Javascript 数据表列筛选器 函数getalluserrollforviewtracker（）{ $.ajax({ 键入：“POST”， url:“/mobitelprogress/Auserrole”， contentType:'应用程序/json'， 成功：函数（数据、文本状态、jqXHR）{ 控制台日志（数据）； 显示所有跟踪名称（数据）； }, 错误：函数（jqXHR、textStatus、errorshown）{ $（'#managerselectuserrole'）.html（“系统错误”）； } }); } 函数displayalltrackernames（数据）{ var rowData=“”； 如果（data.length==0）{ $（“#managerselectuserrole”） .html（“尚未完成任何用户角色”）； }否则{ $.each（数据、函数（x、tDataJson）{ 行数据+=“” +“+（x+1）+” +“”+tDataJson.userRole+“” + "" + "" + ""; }); $（'#managerselectuserrole'）.html（rowData）； } }

我在数据库中为get

json

数据创建ajax调用。然后我使用上面的javascript方法显示数据。我的表体id是这样的

id=managerselectuserrole

。所以我可以将数据设置到我的表中。但我的数据行总数约为100。因此，我想使用

DataTable列过滤器
方法。我如何将上述方法应用于我的上述代码。
RTFM:
function getalluserrollforviewtracker() {
    $.ajax({
        type: 'POST',
        url: '/mobitelprogress/Auserrole',
        contentType: 'application/json',
        success: function (data, textStatus, jqXHR) {
            console.log(data);
            displayalltrackernames(data);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            $('#managerselectuserrole').html("<tr><td colspan='5'class='text-center' style='color:red'>System Error.</td></tr>");
        }
    });
}

function displayalltrackernames(data) {
    var rowData = "";
    if (data.length === 0) {
        $('#managerselectuserrole')
                .html("<tr><td colspan='5'class='text-center' style='color:red'>no any User Role done yet </td></tr>");
    } else {
        $.each(data, function (x, tDataJson) {
            rowData += "<tr>"
                    + "<td>" + (x + 1) + "</td>"
                    + "<td>" + tDataJson.userRole + "</td>"
                    + "<td><i class='ion-checkmark-circled'></i></td>"
                    + "<td align='center'><input type='button' class='btn btn-xs btn-info '  value='info' onclick='loadtrackerpage(" + JSON.stringify(tDataJson.userRole) + ");' /></td>"
                    + "</tr>";
        });
        $('#managerselectuserrole').html(rowData);
    }
}