如何在同一頁面重新創建數據表而不刷新頁面

Question

我創建的頁面有3個可切換的服務器端表，由按鈕觸發，按鈕切換工作（如果刷新頁面並單擊第一個按鈕，表顯示，但經過點擊其他按鈕錯誤窗口彈出告訴datatable不能重新啓動），所以我嘗試清除第一個initiliazed表的功能，但不工作。

這裏是我的

頁

<div class="panel-body"> 
<div class ="row"> 
    <div class ="text-center alert col-md-12"> 
     <a class="btn btn-primary" href="#table_assall" data-toggle="tab">All Assets List</a> 
     <a class="btn btn-primary" href="#table_asborrow" data-toggle="tab">Used Assets</a> 
     <a class="btn btn-primary" href="#table_asbroken" data-toggle="tab">Damaged Assets</a> 
    </div> 
</div> 
<div class="tab-content"> 
    <div id="table_assall" class="tab-pane fade active in"> 
     <div class="table-responsive"> 
     <table class="display" width="100%" cellspacing="0" id=""> 
      *thead source code* 
     </table> 
     </div> 
    </div> 
    <div id="table_asborrow" class="tab-pane fade"> 
     <div class="table-responsive"> 
     <table class="display" width="100%" cellspacing="0" id=""> 
      *thead source code* 
     </table> 
     </div> 
    </div> 
    <div id="table_asbroken" class="tab-pane fade"> 
     <div class="table-responsive"> 
     <table class="display" width="100%" cellspacing="0" id=""> 
      *thead source code* 
     </table> 
     </div> 
    </div> 
</div> 

-JS觸發服務器端的表

var _ajaxURL = "tableresponses.php"; //you can initialize this global variable with some default value. 

$('.changeTable').on('click', function() { 
    _ajaxURL = $(this).attr('data-ajax'); 

    $('table.display').DataTable({ 
     lengthChange: true, 
     info: false, 
     fixedHeader: true, 
     select: true, 
     "bAutoWidth": false, 
     "bProcessing": true, 
     "serverSide": true, 
     "ajax": { 
      url: _ajaxURL, // json datasource 
      type: "post", // type of method , by default would be get 
      error: function() { // error handling code 
       $("#astab_processing").css("display", "none"); 
      } 
     } 
    }); 

    function testUpdatedDatatable() { 
     $('table.display').DataTable().clear().rows.add(response._ajaxURL).draw(); 
     console.log('#running'); 
    } 
}); 

Answer 1

添加1更多參數初始化代碼只是把毀掉=真

$('table.display').DataTable({ 
     lengthChange: true, 
     info: false, 
     fixedHeader: true, 
     select: true, 
     "bAutoWidth": false, 
     "bProcessing": true, 
     "serverSide": true, 
     "destroy": true, 
     "ajax": { 
      url: _ajaxURL, // json datasource 
      type: "post", // type of method , by default would be get 
      error: function() { // error handling code 
       $("#astab_processing").css("display", "none"); 
      } 
     } 
    });