[英]Json with datatable
我需要一些帮助,我已经查看了datatable api,但我做的不好。
jQuery代码
$(document).ready(function () {
$('#dblist').on('change', function () {
var selected = $("select option:selected").text();
$.ajax({
url: '/php/connect/searchtablequery.php',
type: 'POST',
data: { UserLogin: selected },
success: function (data) {
tablefill(data)
},
error: function (xhr, status, err) { console.log(xhr, status, err); }
});
});
function tablefill(data) {
$('#table_id').dataTable({
"bProcessing": true,
"bDestroy": true,
"sAjaxSource": data,
"sAjaxDataProp": "data.inner",
"aoColumns": [
{ "mDataProp": "calldate" },
{ "mDataProp": "clid" },
{ "mDataProp": "src" },
{ "mDataProp": "dst" },
{ "mDataProp": "dcontext"}],
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"sDom": '<"H"Tfr>t<"F"ip>',
"oTableTools": {
"sSwfPath": "/DataTables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf",
"aButtons": [
"copy", "csv", "xls", "pdf",
{
"sExtends": "collection",
"sButtonText": "Save",
"aButtons": ["csv", "xls", "pdf"]
}
]
}
});
};
});
JSON返回的是
{
"0": {
"calldate": "2013-08-14 11:41:28",
"clid": "\"name name\" <1002>",
"src": "1002",
"dst": "8834404",
"dcontext": "from-internal",
"channel": "SIP\/1002-00000000",
"dstchannel": "IAX2\/voipms-6749",
"lastapp": "Dial",
"lastdata": "IAX2\/voipms\/14798834404,300,",
"duration": "7",
"billsec": "0",
"disposition": "NO ANSWER",
"amaflags": "3",
"accountcode": "",
"uniqueid": "1376498488.1",
"userfield": "",
"did": "",
"recordingfile": "",
"cnum": "",
"cnam": "",
"outbound_cnum": "",
"outbound_cnam": "",
"dst_cnam": ""
},"1": {
"calldate": "2013-08-14 11:42:55",
"clid": "\"name name\" <1002>",
"src": "1002",
"dst": "9187755592",
"dcontext": "from-internal",
"channel": "SIP\/1002-00000001",
"dstchannel": "IAX2\/voipms-121",
"lastapp": "Dial",
"lastdata": "IAX2\/voipms\/19187755592,300,",
"duration": "494",
"billsec": "485",
"disposition": "ANSWERED",
"amaflags": "3",
"accountcode": "",
"uniqueid": "1376498575.3",
"userfield": "",
"did": "",
"recordingfile": "",
"cnum": "",
"cnam": "",
"outbound_cnum": "",
"outbound_cnam": "",
"dst_cnam": ""
},
尝试更改:
"sAjaxSource": data,
对此:
"sAjaxSource": '/php/connect/searchtablequery.php',
也尝试添加:
"bServerSide": true,
编辑1:
$(document).ready( function() {
$('#example').dataTable( {
"sAjaxSource": "http://www.sprymedia.co.uk/dataTables/json.php"
} );
} )
参考 http://datatables.net/usage/options
编辑2:
如我的jsfiddle http://jsfiddle.net/HEDvf/667/中所示,您的JSON与我的JSON不同。 我不知道它是否有作用,但是我会尝试更改它。 这是我的:
{
"calldate": "2013-08-14 11:41:28",
"clid": "\"name name\" <1002>",
"src": "1002",
"dst": "8834404",
"dcontext": "from-internal",
"channel": "SIP\/1002-00000000",
"dstchannel": "IAX2\/voipms-6749",
"lastapp": "Dial",
"lastdata": "IAX2\/voipms\/14798834404,300,",
"duration": "7",
"billsec": "0",
"disposition": "NO ANSWER",
"amaflags": "3",
"accountcode": "",
"uniqueid": "1376498488.1",
"userfield": "",
"did": "",
"recordingfile": "",
"cnum": "",
"cnam": "",
"outbound_cnum": "",
"outbound_cnam": "",
"dst_cnam": ""
},{
"calldate": "2013-08-14 11:42:55",
"clid": "\"name name\" <1002>",
"src": "1002",
"dst": "9187755592",
"dcontext": "from-internal",
"channel": "SIP\/1002-00000001",
"dstchannel": "IAX2\/voipms-121",
"lastapp": "Dial",
"lastdata": "IAX2\/voipms\/19187755592,300,",
"duration": "494",
"billsec": "485",
"disposition": "ANSWERED",
"amaflags": "3",
"accountcode": "",
"uniqueid": "1376498575.3",
"userfield": "",
"did": "",
"recordingfile": "",
"cnum": "",
"cnam": "",
"outbound_cnum": "",
"outbound_cnam": "",
"dst_cnam": ""
}
这是你的:
"0":{
"calldate":"2013-08-14 11:41:28",
"clid":"\"Ryan Merritt\" <1002>",
"src":"1002",
"dst":"8834404",
"dcontext":"from-internal",
"channel":"SIP\/1002-00000000",
"dstchannel":"IAX2\/voipms-6749",
"lastapp":"Dial",
"lastdata":"IAX2\/voipms\/14798834404,300,",
"duration":"7",
"billsec":"0",
"disposition":"NO ANSWER",
"amaflags":"3",
"accountcode":"",
"uniqueid":"1376498488.1",
"userfield":"",
"did":"",
"recordingfile":"",
"cnum":"",
"cnam":"",
"outbound_cnum":"",
"outbound_cnam":"",
"dst_cnam":""},
"1":{
"calldate":"2013-08-14 11:42:55",
"clid":"\"Ryan Merritt\" <1002>",
"src":"1002",
"dst":"9187755592",
"dcontext":"from-internal",
"channel":"SIP\/1002-00000001",
"dstchannel":"IAX2\/voipms-121",
"lastapp":"Dial",
"lastdata":"IAX2\/voipms\/19187755592,300,",
"duration":"494",
"billsec":"485",
"disposition":"ANSWERED",
"amaflags":"3",
"accountcode":"",
"uniqueid":"1376498575.3",
"userfield":"",
"did":"",
"recordingfile":"",
"cnum":"",
"cnam":"",
"outbound_cnum":"",
"outbound_cnam":"",
"dst_cnam":""
},
请注意,您的附加键如何具有“ 0”和“ 1”。 我会尝试将其删除,并使您的PHP文件中的JSON看起来更像我的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.