javascript - 重新加载jsp时删除数据表子项

Question

我想知道是否有一种方法可以在 jsp 页面重新加载时销毁（或删除）数据表 dom。我有一个 jsp 页面，它根据我提供的上下文加载包含某些数据的表。我面临的问题是每次使用新上下文加载数据时，都会再次调用数据表构造函数以向新数据提供功能，同时仍保留先前的初始化。我的代码就像

<table class="data-table" id="test">
    <thead>
        <tr>
            <th>value1</th>
            <th>value2</th>
            <th>value3</th>
            <th>value4</th>

        </tr>
    </thead>
    <tbody>


        <tr>
            <td class="class1"><%= value.valueOne() %></td>
            <td class="class2"><%= value.valueTwo() %></td>
            <td class="class3"><%= value.valueThree() %></td>


            <td class="class4"><%= value.valueFour() %></td>
        </tr>
        <%
        }
        %>
    </tbody>
</table>


<script>
   $(document).ready(function()  {
        alert("HELLO");
        $('#test').dataTable();

       });
</script>

我试着打电话

  var oTable = $('.data-table').dataTable();
  oTable.fnDestroy();

每次重新加载数据但它似乎没有做任何事情。