亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何啟用 DataTable JS 服務器端?

如何啟用 DataTable JS 服務器端?

海綿寶寶撒 2021-11-12 17:25:41
我正在嘗試將函數表設為數據表,但作為菜鳥失敗了。我想要搜索和分頁數據表。任何人都可以幫忙嗎?$(document).ready(function(){  function fetch_data(){    $.ajax({        url:"fetch.php",        method:"POST",        dataType:"json",        success:function(data)        {            var html = '';            for(var count = 0; count < data.length; count++)            {                html += '<tr>';                html += '<td><input type="checkbox" id="'+data[count].id+'" data-name="'+data[count].name+'" data-address="'+data[count].address+'" data-gender="'+data[count].gender+'" data-designation="'+data[count].designation+'" data-age="'+data[count].age+'" class="check_box"  /></td>';                html += '<td>'+data[count].name+'</td>';                html += '<td>'+data[count].address+'</td>';                html += '<td>'+data[count].gender+'</td>';                html += '<td>'+data[count].designation+'</td>';                html += '<td>'+data[count].age+'</td></tr>';            }            $('tbody').html(html);        }    });}fetch_data();**更新:**也試過這個$('#myTable').DataTable( {   serverSide: true,   ajax: {    url:"product_fetchmulti.php",    method:"POST",    dataType:"json",    success:function(data)    {        var html = '';        for(var count = 0; count < data.length; count++)        {            html += '<tr>';            html += '<td><input type="checkbox" id="'+data[count].product_id+'" data-name="'+data[count].product_name+'" data-product_sku="'+data[count].product_sku+'" data-product_status="'+data[count].product_status+'" data-product_quantity="'+data[count].product_quantity+'" data-product_color="'+data[count].product_color+'" class="check_box"  /></td>';            html += '<td>'+data[count].product_name+'</td>';            html += '<td>'+data[count].product_sku+'</td>';            html += '<td>'+data[count].product_status+'</td>';            html += '<td>'+data[count].product_quantity+'</td>';            html += '<td>'+data[count].product_color+'</td></tr>';        }
查看完整描述

3 回答

?
catspeake

TA貢獻1111條經驗 獲得超0個贊

初始化數據表的更好方法是使用此處顯示的示例:


https://www.datatables.net/examples/ajax/objects.html


讓您的 Ajax 鏈接以 Ajax 選項卡中顯示的格式回顯數據,然后設置您的 JavaScript 和 HTML,如它們各自的選項卡中所示。如果您有一個從數據庫返回對象數組的查詢,您可以像這樣回顯您的響應:


$jsonEncoded =  '{"data": ' . json_encode($result) . '}';

echo $jsonEncoded;


查看完整回答
反對 回復 2021-11-12
?
絕地無雙

TA貢獻1946條經驗 獲得超4個贊

終于解決了


在'$('tbody').html(html);這一行之后:


$('#myTable').DataTable({

"columnDefs": [

{ "searchable": true, "targets": 0 }],

});


查看完整回答
反對 回復 2021-11-12
?
慕后森

TA貢獻1802條經驗 獲得超5個贊

您在使用 DataTables 插件 ( https://datatables.net/ ) 嗎?


如果是,我認為您不會調用數據表函數。這就是您無法搜索和分頁標簽的原因。


以下代碼使用 JQuery


//myTable is your table id

$(document).ready( function () {

    $('#myTable').DataTable();

} );

編輯:根據您的編輯,當數據表為您完成時,您正在嘗試重寫選項卡。您只需要獲取 json(使用 ajax 查詢)并設置列:


$('#myTable').DataTable( 

    { serverSide: true,

      "ajax": 

           { url:"product_fetchmulti.php",

             method:"POST",

             dataType:"json", 

           },

      "columns":

           [

              {"data" : "product_id"}

              {"data" : "product_name"} 

                 .... 

           ]

          });

});


查看完整回答
反對 回復 2021-11-12
  • 3 回答
  • 0 關注
  • 167 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號