前端JS調(diào)用代碼
$('#table_id').DataTable({ "language": { "sPRocessing": "處理中...", "sLengthMenu": "顯示 _MENU_ 項(xiàng)結(jié)果", "sZeroRecords": "沒(méi)有匹配結(jié)果", "sInfo": "顯示第 _START_ 至 _END_ 項(xiàng)結(jié)果,共 _TOTAL_ 項(xiàng)", "sInfoEmpty": "共0條記錄", "sInfoFiltered": "", "sInfoPostFix": "", "sSearch": "", "sSearchPlaceholder":'請(qǐng)輸入ID或者標(biāo)題', "sUrl": "", "sEmptyTable": "表中數(shù)據(jù)為空", "sLoadingRecords": "載入中...", "sInfoThousands": ",", "oPaginate": { "sFirst": "首頁(yè)", "sPrevious": "上頁(yè)", "sNext": "下頁(yè)", "sLast": "末頁(yè)" }, }, bServerSide:true, Ajax:{ url:"{:U('signin/record')}", type:'post', dataSrc:'list' }, "columns":[{"width":"50px",'data':'userId','orderable':false}, {'width':'100px','data':'sign_time','orderable':false}, {'width':'60','data':'count'}, {'width':'50','data':'round'}, {'width':'150','data':'prize_status_label'}, ], "pageLength": 20, "lengthChange": false, "order": [[ 0, 'desc' ]], "dom": '<"toolbar">frt分頁(yè)配置url:請(qǐng)求地址
type:請(qǐng)求類型
dataSrc:表示的是請(qǐng)求回來(lái)的數(shù)據(jù)對(duì)象中 哪個(gè)屬性為列表數(shù)據(jù) 若值為list 則如 {recordsTotal:200,recordsFiltered:200,draw:'xxx','list:'[,,,,,,,,,,,,]}
服務(wù)端數(shù)據(jù)構(gòu)造就如上述dataSrc配置數(shù)據(jù)格式即可
服務(wù)端返回的數(shù)據(jù)中 有一個(gè)draw屬性 該值是為了防止xss攻擊 前端傳入什么 后端就返回什么
新聞熱點(diǎn)
疑難解答
圖片精選