応答コードで完全に JSON を取得しています: 200 OK, しかし、データがテーブルにレンダリングされていません. バインディングに問題がある可能性があります. 以下を参照してください :
FireBug から:
役職
Parametersapplication/x-www-form-urlencoded
bRegex false
bRegex_0 false
bRegex_1 false
bSearchable_0 true
bSearchable_1 true
bSortable_0 true
bSortable_1 true
iColumns 2
iDisplayLength 10
iDisplayStart 0
iSortCol_0 0
iSortingCols 1
mDataProp_0 0
mDataProp_1 1
sColumns
sEcho 1
sSearch
sSearch_0
sSearch_1
sSortDir_0 asc
応答:
{"sEcho": 1,"iTotalRecords": 2,"iTotalDisplayRecords": 2,"aaData": [{"name": "Sandeep1","mark": "201"},{"name": "Sandeep2","mark": "202"}]}
JSON:
sEcho 1
iTotalRecords 2
iTotalDisplayRecords 2
aaData [Object { name="Sandeep1", mark="201"}, Object { name="Sandeep2", mark="202"}]
0 Object { name="Sandeep1", mark="201"}
1 Object { name="Sandeep2", mark="202"}
JSP ビュー:
<div class='table-container'>
<table cellpadding='0' cellspacing='0' border='0' class='display jqueryDataTable'>
<thead>
<tr>
<th>Name</th>
<th>Mark</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.jqueryDataTable').dataTable( {
'bProcessing': true,
"bServerSide": true,
'sAjaxSource': '<jsp:expression>contextPath</jsp:expression>/ajaxDatatable1',
'bJQueryUI': true,
"fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
debugger;
alert("data in fnServerData : "+ aoData);
oSettings.jqXHR = $.ajax( {
"dataType": 'json',
"type": "POST",
"url": sSource,
"data": aoData,
"success": fnCallback
} );
},
'aoColumns': [
{ 'mData': 'name'},
{ 'mData': 'mark'}
]
} );
} );
</script>
Javascript エラー:
DataTables warning (table id = 'DataTables_Table_0'): Requested unknown parameter '0' from the data source for row 0
私を正しい方向に向けてください。ありがとう