如何解决有没有简单的方法可以使用Ajax json响应附加dataTables数据?
我的json响应采用以下格式。
\\$1
我在script标记中的代码如下,id名称为datatable2,并希望tp dsplay播放从ajax响应到Datatable的所有数据。使用以下代码,我可以看到表中的值,但不在DataTables中。
[{
"directory": "random_code","name": "random_code1","mailing_name": "random_code","address": "random_code","statutory": "random_code","state": "random_code","pincode": "random_code","telephone_num": "random_code","email": "random_code","currency_symbol": "h","maintain": "random_code","financial_year": "random_code1","books_beginning": "random_code1","educational_mode": "hj","vault_password": "hj","security_control": "h","curreny_formal_name": "jh","num_decimal_places": "jh","symbol_suffixed": "j","currency_symbol_decimal": "h","amount_in_millions": "jhj","space_between_symbol_amount": "h","decimal_places_for_printing_amount_in_words": "jhj"
},{
"directory": "random_code","name": "random_code2","address": "jh","statutory": "jh","state": "jhjhjh","pincode": "jh","telephone_num": "jh","email": "jhj","currency_symbol": "hj","maintain": "hj","financial_year": "random_code2","books_beginning": "random_code2","educational_mode": "h","security_control": "hj","num_decimal_places": "jhj","symbol_suffixed": "hjh","currency_symbol_decimal": "jh","amount_in_millions": "jh","space_between_symbol_amount": "jh","decimal_places_for_printing_amount_in_words": "jhh"
}]
但是它没有添加到dataTable中。谁能帮我在数据表中附加相同的内容?我对数据表没有什么看法。
HTML已编辑。
解决方法
初始化数据表时,可以在内置ajax参数内使用ajax调用,并将数据发送到数据表的回调方法:
$('#datatable2').dataTable({
"ajax": function (data,callback,settings) {
$.ajax({
url: "http://127.0.0.1:8000/api/company/",dataType: "json",type: 'GET',success: function(data) {
callback(data);
}
});
},"columns": columns
});
此外,如果要自定义行,也应该在“ columns”参数中完成此操作,例如:
columns = [
{ "data": "item" },{ "data": "financial_year" },{ "data": "books_beginning" },{ "data": null,"render": function (data,type,row,meta) {
// you can even get the data from other columns here
// and render whatever you want on these cells
return '</td><td><a href="/company_app/edit/1/" class=...'
}
}
]
数据表文档中有很多示例,它们具有不同的自定义级别:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。