option ajax 异步取数

DataTables中文网 18 April 2016

Tags: 不定时一讲


参数详解连接 ajaxOption ajax不定时一讲

今天讲的参数是ajax,相信大家不陌生,用过jQuery的人对这个应该很熟悉。dt是基于jquery做的表格插件,所以dt在读取数据时也用了jquery的ajax,虽然是类似,但是有加强,下面看ajax的用法吧。 基本语法:

1
2
3
4
5
6
7
$("#tableid").DataTable({
    ajax:"dada.json",
    columns:[
        {data:"name"},
        {data:"age"}
    ]
});

data.json - 是一个url或者资源文件,数据格式是这样的

1
2
3
4
5
6
{
    data:[
        {name:"DataTables中文网",age:2},
        {name:"DataTables中文网2",age:3}
    ]
}

你还可以使用数组格式,如下

1
2
3
4
5
{
    data:[
        ["DataTables中文网",2],["DataTables中文网2",3]
    ]
}

如果数据格式为上面的,那么初始化代码可以简化下:

1
2
3
$("#tableid").DataTable({
    ajax:"dada.json"
});

之所以能不写columns是因为dt默认可以处理数组格式的数据,按照数组的顺序0,1,2……对应第一列,第二列

如果大家也有小技巧和使用经验,欢迎给我发邮件 thxopen@datatables.club


百度站内搜索

赞助我们

赞助我们

您的支持,将是我们前进的最大动力……