0
我必须花几个小时试图找到如何填充与来自后端一个json的数据表,这里是我的代码:数据表服务器端人口
<script>
$(document).ready(function() {
$('#dataTables-example').DataTable({
responsive: true,
ajax: function (data, callback, settings) {
$.ajax({
url: "classes/service.php",
data: {
task: "getNews",
start:"1",
end:"24",
},
type: "POST",
success:function(data){
var obj = $.parseJSON(data);
var i;
var divCreator ='';
for (i = 0; i < obj.length; ++i) {
divCreator+='<tr class="odd gradeX">';
divCreator+='<td>'+obj[i].id+'</td>';
divCreator+='<td>'+obj[i].title+'</td>';
divCreator+='<td>'+obj[i].date+'</td>';
divCreator+='<td class="center">'+obj[i].order+'</td>';
divCreator+='<td class="center">'+obj[i].active+'</td>';
divCreator+='<td id="news_"'+obj[i].id+' class="center">Eliminar</td>';
divCreator+='</tr>';
}
//$('#content').html('');
//$('#content').append(divCreator);
},
});
}
})
})
</script>
和JSON回答说我:
[{"id":"2","0":"2","title":"sfgdg","1":"sfgdg","summary":" sdfgsadfg ","2":" sdfgsadfg ","content":" sdfgsdfg ","3":" sdfgsdfg ","main":"0","4":"0","keywords":"sdfgsdfg","5":"sdfgsdfg","author":"1","6":"1","order":null,"7":null,"friendly_url":"sdfgsdfgsdfg","8":"sdfgsdfgsdfg","date":"2016-08-09 19:51:37","9":"2016-08-09 19:51:37","active":"1","10":"1"},{"id":"3","0":"3","title":"test","1":"test","summary":" test ","2":" test ","content":" test ","3":" test ","main":"1","4":"1","keywords":"test","5":"test","author":"1","6":"1","order":null,"7":null,"friendly_url":"test","8":"test","date":"2016-08-09 19:52:00","9":"2016-08-09 19:52:00","active":"1","10":"1"},{"id":"4","0":"4","title":"test","1":"test","summary":"test ","2":"test ","content":"test ","3":"test ","main":"1","4":"1","keywords":"keyw","5":"keyw","author":"1","6":"1","order":null,"7":null,"friendly_url":"url_amigable","8":"url_amigable","date":"2016-08-10 11:31:50","9":"2016-08-10 11:31:50","active":"1","10":"1"},{"id":"5","0":"5","title":"test","1":"test","summary":"testt ","2":"testt ","content":"test ","3":"test ","main":"1","4":"1","keywords":"twat","5":"twat","author":"1","6":"1","order":null,"7":null,"friendly_url":"twet","8":"twet","date":"2016-08-11 08:37:23","9":"2016-08-11 08:37:23","active":"1","10":"1"},{"id":"6","0":"6","title":"test","1":"test","summary":"testt ","2":"testt ","content":"test ","3":"test ","main":"1","4":"1","keywords":"twat","5":"twat","author":"1","6":"1","order":null,"7":null,"friendly_url":"twet","8":"twet","date":"2016-08-11 08:37:29","9":"2016-08-11 08:37:29","active":"1","10":"1"},{"id":"7","0":"7","title":"test5345","1":"test5345","summary":"resumen ","2":"resumen ","content":"contenido ","3":"contenido ","main":"1","4":"1","keywords":"test","5":"test","author":"1","6":"1","order":null,"7":null,"friendly_url":"testtte","8":"testtte","date":"2016-08-11 08:46:36","9":"2016-08-11 08:46:36","active":"1","10":"1"}]
我已经尝试了几种方法,没有运气,基本上我想要的是使json填充数据表,所以我可以分页与数据表分页。
有人有一个代码示例,所以我可以看看,并作出变化需要?
在此先感谢
您是否查看了datatables文档页面上的Ajax源数据示例? https://datatables.net/examples/data_sources/ajax.html – Adam