台灣最大程式設計社群網站
線上人數
281
 
會員總數:245788
討論主題:189423
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> jQuery data table無法呈現?
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
jQuery data table無法呈現?
價值 : 10 QP  點閱數:548 回應數:1
樓主

妮妮
門外漢
0 5
42 2
發送站內信

我想要將curl的資料以jquery datatable呈現 (like this https://datatables.net/examples/api/row_details.html),

response.php :

echo json_encode($results);

json_encode output:
[code]

{
"hittotal":69511,
"data":[
{
"message":"#, @varbind_list=[#, #, #, #], @specific_trap=6,@source_ip=\"1.2.3.4\", @agent_addr=#, @generic=6>",
"@timestamp":"2016-06-21T02:29:47.455Z",
"datetime":"2016-06-21T10:29:47.455Z",
"type":"trap","datetime":"2016-06-21T10:29:47.455Z",
"SENTRY2_MIB::sentry2PortModuleStatus":"Fail",
"ip":"2.3.4.5",
"enterprise":"1.3.6.1.4.1.1718.2.100",
"id":"1.3.6.1.4.1.1718.2.100.0.6"
},.....
]
}

[/code]
datatables.php:
[code]
<script>
function format ( d ) {
// `d` is the original data object for the row
return '<table cellpadding="3" cellspacing="0" border="0" style="padding-left:50px;">'+
'<tr>'+
'<td>message:</td>'+
'<td>'+htmlspecialchars(d.message)+'</td>'+
'</tr>'+
'<tr>'+
'<td>id:</td>'+
'<td>'+d.id+'</td>'+
'</tr>'+

'</table>';
}

$(document).ready(function() {
var table = $('#example').DataTable( {

"ajax": {
'type': 'POST',
'url': 'response.php',
'data': {
from: '<? echo $from; ?>',
to: '<? echo $to; ?>',
device:'<? echo $dev; ?>',
keyword:'<? echo $keyword; ?>',
index:'<? echo $index; ?>'

},
"columns": [
{
"className": 'details-control',
"orderable": false,
"data": null,
"defaultContent": ''
},
{ "data": "datetime" },
{ "data": "message" },

],
"order": [[1, 'asc']]
} );

// Add event listener for opening and closing details
$('#example tbody').on('click', 'td.details-control', function () {
var tr = $(this).closest('tr');
var row = table.row( tr );

if ( row.child.isShown() ) {
// This row is already open - close it
row.child.hide();
tr.removeClass('shown');
}
else {
// Open this row
row.child( format(row.data()) ).show();
tr.addClass('shown');
}
} );
} );
</script>
[/code]
html(datatables.php) :

<body>

<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th></th>
<th>datetime</th>
<th>message</th>

</tr>
</thead>
<tfoot>
<tr>
<th></th>
<th>datetime</th>
<th>message</th>

</tr>
</tfoot>
</table>
</body>

i am sure echo json_encode($results) is not empty but why cannot shown in data tables ?

搜尋相關Tags的文章: [ jquery ] , [ datatables ] ,
本篇文章發表於2016-06-24 17:23
1樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
1.你都po了好幾次了~~~還沒辦法學習一下怎麼使用程式標簽嗎??
你覺得你po這樣的程式碼會有人想要幫你嗎??

先試著用範例的方式看看是否可以正常顯示。可以的話再一項一項修改。如讀取的資料來源。是否是正確的。

程式碼我就不細看了。因該跟demo大同小異。除了資料來源的部份是程式檔產生。先自行研究一下看看。
本篇文章回覆於2016-06-24 18:01
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.