使用jQuery Datatables,如何从JSON输入值?

时间:2013-01-31 23:04:22

标签: jquery ajax json datatables

我很擅长使用基于JS的网络应用程序,所以这是我的问题。我有一个数据表设置,它使用硬编码数据正常运行,我得到了我的JSON结果。我不知道如何使用JSON结果填充表并替换硬编码数据。

以下是我使用JS的地方,所以我希望动态加载".1"-".5"的内容

function fnClickAddRow() {

$.getJSON('thelink',function(data){
    var dealers = data['dealers'];

    $.each(dealers,function(x,dealer){

    $('#example').addClass( "table datatable table-striped table-bordered sub-table" );
    $('#example').removeClass( "dataTable" );

    $('#example').dataTable().fnAddData( [
    '<img id="' + dealer['user_id'] + '" src="assets/utopia/icons/add.png">',
    dealer['name'],
    ".1",
    ".2",
    ".3",
    ".4",
    ".5",
    '<a href="javascript:void(0)" onclick="edit_user(27186);" class="edit"><img alt="Edit user" src="/assets/utopia/icons/pencil.png" title="Edit User"></a> <a href="javascript:void(0)" onclick="remove_user_confirm(27186);" class="delete"><img alt="Remove user" src="/assets/utopia/icons/trash_can.png" title="Remove User"></a>'] );

    });
});

1 个答案:

答案 0 :(得分:0)

如果您只想在数据表中显示json数据,请检查文档: http://www.datatables.net/plug-ins/server-data-formats

如果需要在表中动态替换(添加/删除)行,请查看以下内容: http://datatables.net/examples/api/add_row.html 并检查fnDeleteRow方法: http://www.datatables.net/api