如何使用JavaScript刷新div中的數據表？

Question

這是我的代碼：

oTable2 = $('#BigData2').dataTable({
    "bLengthChange":false,
    "bPaginate":false,
    "oLanguage": {
        "sZeroRecords": "No records found"
    },
    "sAjaxSource":'StatusSrv',
    // "sDom":'RCT<"clear">lfrtip',
    //"aoColumnDefs":[{}]
})
var auto_refresh = setInterval(
    function (){
        $('#Status_Table').fadeOut('slow').load('SupplyPlanning.jsp 
            #oTable2.fnDraw()').fadeIn("slow");
    }, 6000);

<div id="Status_Table" class="chartFloatLeftInner">
    <table id="BigData2" >
        <thead >
            <tr>
                <th><input type="checkbox" onClick="checkall()" name="maincheck" id="maincheck"/></th>
                <th  title="REQ_NO">REQ_NO</th>
                <th  title="Retailer Partner number">Retailer num</th>
                <th title="STATUS">OVERALL_STATUS</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>

我想在特定時間間隔刷新數據表，以便使用fndraw但它僅使用舊數據重新fndraw表。 如果我在數據庫中插入新數據，則刷新后不會顯示新數據。 它僅顯示舊數據。

Answer 1

可能需要在數據表代碼中添加"bDestroy": true屬性，以便您可以重建它，否則一旦創建就無法將其與新數據一起加載。

Answer 2

嘗試使用附加：

$('#Status_Table').append( your table in here);

對我有用