jQuery是一種流行的JavaScript庫,它能夠方便地修改HTML文檔中的DOM元素。在本文中,我們將介紹如何使用jQuery來自動刷新HTML表格的行。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { setInterval(function() { $.ajax({ url: "table_data.php", success: function(data) { $("table tbody").html(data); } }); }, 5000); }); </script>
在上面的代碼中,我們使用了jQuery的ajax函數來定期從服務器獲取HTML表格中的數據。這個請求將會每5秒鐘執行一次,因為我們使用了setInterval函數來設置一個定時器。
當ajax請求成功返回數據時,我們將使用jQuery的html函數來更新表格的tbody元素。這樣,表格的數據就會自動刷新了。