开发者社区> 问答> 正文

jquery DataTable将查询出来的数据显示在表格中

我的查询 JS 是这样写的,但不知道该怎么用 DataTable 显示:

function SelectInfo(){
    $.ajax({
        type : "post",
        url : "SelectInfo",
        dataType : "json",
        data : {},
        error : function() {
        },
        success : function(data) {
                $("#LogManagerInfo").empty();
                $.each(data, function(i, item) {
                    $("#LogManagerInfo").append("<tr>" +
                            "<td align='center' valign='middle'>"+item.name+"</td>"+
                            "<td align='center' valign='middle'>"+item.sex+"</td>"+
                            "<td align='center' valign='middle'>"+item.age+"</td>"+                         
                            "<td align='center' valign='middle'>"+item.hobby+"</td>"+
                            "<td align='center' valign='middle'>"+item.info+"</td>"+"</tr>");
                });         
          }
    });
}

展开
收起
云栖技术 2016-05-25 10:06:57 3354 0
1 条回答
写回答
取消 提交回答
  • 社区爱好者,专为云栖社区服务!
     function SelectInfo(){
        $.ajax({
            type : "post",
            url : "SelectInfo",
            dataType : "json",
            data : {},
            error : function() {
            },
            success : function(data) {
        $('#LogManagerInfo').DataTable( {
        data: data,
        columns: [
            { data: 'name' },
            { data: 'sex' },
            { data: 'age' },
            { data: 'hobby' },
            { data: 'info' }
        ]
    } );
        }
        });
    }
    2019-07-17 19:13:35
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载