无法读取未定义的属性 'reload'

Question

我有一个 ajax 调用，其中 return 一个数据列表，但我在刷新我的 table 时遇到了一些麻烦，我知道他们已经有很多关于这个主题的主题并且我阅读了所有这些，但没有找到解决方案。这是我的 Jquery:

<script>
    $(document).on("change", "#process", function() {  
    var process=$('#process').val();
    var lignes=$('#lignes').val();
    $.ajax({
        type:'POST',
        url : "/tps_assy-web/equilibrageReloadTableOperation",
        data:{lignes: lignes, process: process},
        success: function(json){  
            $('#tableAvant').ajax.reload(null, false);
        }
    }); 
});
</script>

我的 table 是：

<table id="tableAvant" class="table table-bordered table-condensed table-hover">
 <tr>
     <th class="text-center "><div class="rotate ">Ordre</div></th>
     <th class="text-center "><div class="rotate ">Nom Pross</div></th>
     <th class="text-center "><div class="rotate ">Verbe</div></th>
     <th class="text-center "><div class="rotate ">Nom Op</div></th>
     <th class="text-center "><div class="rotate ">Mini</div></th>
     <th class="text-center "><div class="rotate ">Maxi</div></th>
     <th class="text-center "><div class="rotate ">Tps Total</div></th>
     <th class="text-center "><div class="rotate ">Tps Mesure</div></th>
     <th class="text-center "><div class="rotate ">Tps Retour</div></th>
     <th class="text-center "><div class="rotate ">TDA</div></th>
     <th class="text-center "><div class="rotate ">% Opera</div></th>
     <th class="text-center "><div class="rotate ">Loc Avant</div></th>
</tr>
<tbody>
 <tr th:each="LIST : ${LigneAvant}">
    <td  th:text="${LIST[0]}" ></td>
    <td th:text="${LIST[1]}" ></td>
    <td  th:text="${LIST[2]}" ></td>
    <td th:text="${LIST[3]}" ></td> 
    <td  th:text="${LIST[4]}" ></td>
    <td class="ellipsis" th:text="${LIST[5]}" ></td>
    <td class="ellipsis" th:text="${LIST[6]}" ></td>    
    <td  class="ellipsis" th:text="${LIST[7]}" ></td>
    <td  class="ellipsis" th:text="${LIST[8]}" ></td>
    <td  class="ellipsis" th:text="${LIST[9]}" ></td>
    <td class="ellipsis" th:text="${LIST[14]}" ></td>
    <td class="ellipsis" th:text="${LIST[15]}" ></td>   
     </tr>
     </tbody>
 </table>

我只需要帮助这个精确的句子：

$('#tableAvant').ajax.reload(null, false);

我已经试过了:

$('#tableAvant').dataTable( ).api().ajax.reload();

和

$('#tableAvant').DataTable( ).api().ajax.reload();

但这并不成功...

Answer 1

我不熟悉 AJAX 的这种用法，但在网上快速浏览了一下，我想我可能遇到了问题。看起来 .ajax.reload() 只能在 DataTable 对象上调用，而您的示例只是在元素上调用。

我怀疑您与 $('#tableAvant').DataTable().ajax.reload(null, false); 关系密切，但请尝试将 { ajax: "data.json" } 传递给 DataTable 对象。

例如： $('#tableAvant').DataTable({ajax: "data.json"}).ajax.reload(null, false);

Answer 2

好的，我的错误是没有包含

<script th:src="@{/js/datatables.min.js}"></script>

另外，我的 table 格式不正确，要使用此脚本，您需要有一个 table，如下所示：

<table id="exemple">
    <thead>
        <tr>
            <th>title-1</th>
            <th>title-2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data-1</td>
            <td>data-2</td>
        </tr>
    </tbody>
</table>

感谢大家的帮助，感激不尽:)

无法读取未定义的属性 'reload'

Cannot read property 'reload' of undefined

html

ajax

jquery

refresh

jakarta-ee

无法读取未定义的 属性 'reload'

Cannot read property 'reload' of undefined

html

ajax

jquery

refresh

jakarta-ee

无法读取未定义的属性 'reload'