0
我一直在刷新我的頁面1分鐘的時間間隔,以保持數據新鮮。我需要偏離這一點,並最終獲取數據表來重新加載而不是刷新瀏覽器。重新加載數據表的時間間隔
與我的$。員額開始:
$.post('api/displayQnams.php', function(data)
{
var table = $('example1').DataTable();
table.clear();
table.search('').draw();
var obj = JSON.parse(data);
obj.forEach(function(item)
{
table.row.add([item.bkgname, item.quote, item.date, item.urgent])
});
table.draw();
setInterval(function()
{
table.draw();
console.log('test');
}, 10000); // 10 second interval
});
上面的代碼工作正常。 DataTable打印到頁面沒有問題。
現在,在$ .post之上,我設置了DataTable。我不確定這是否是設置DataTable的最佳方式,但它確實提供了我需要的結果。
$(function()
{
$('#example1').DataTable({
"dataType": "json",
"iDisplayLength": 25,
"order": [[ 6, "desc" ]],
"scrollY": 550,
"scrollX": true,
"bDestroy": true,
"stateSave": true
});
});
還有一些DataTable樣式,但我想保持簡短。
回到我的第一段代碼,我設置了10秒的時間間隔。我可以看到控制檯每隔10秒打印一次「測試」,但表格沒有重新加載。
我錯過了什麼讓DataTable每10秒重新加載一次?
預先感謝您。
*編輯*
下面是表看起來像什麼:
<table id="example1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>column1</th>
<th>column2</th>
<th>column3</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
嘗試了您的建議。我得到一個「TypeError:c未定義」的錯誤,它指向datatables.min.js文件。思考? –
您需要表格標題。 '' –
+0
0
相關問題
-
1. 異步數據加載和重新加載之間的時間間隔UITableView
-
2. PHP重新加載數據的時間間隔,而不是刷新
-
3. 刷新數據的時間間隔後重新倒計時
-
4. 使用jQuery重新加載Div內容的時間間隔
-
5. 基於時間間隔重新加載Sinatra頁面
-
6. 重新加載分隔符的內容定期的時間間隔
-
7. 輸入文字重新加載間隔
-
8. 按給定間隔重新加載Jqgrid
-
9. Ember模型重新加載間隔
-
10. JQuery Datatable不會間隔重新加載
-
11. 如何重新加載間隔jqgrid
-
12. 重新加載/刷新div內容,無需重新加載整個頁面(具有時間間隔)
-
13. 熊貓重新採樣不規則間隔時間數據
-
14. 何時重新評估dbms_job.submit的時間間隔參數?
-
15. 如何重新排列加載的時間序列數據?
-
16. 如何在固定的時間間隔後重新列表listview?
-
17. 時間表,時間間隔,預約等數據庫設計
-
18. Chrome擴展重新加載和一個時間間隔之後關閉標籤
-
19. 時間間隔重疊 - teradata
-
20. 重試次數和時間間隔
-
21. 數據/文件更改時重新加載中間人
-
22. 動態加載/重新加載Ember時間軸上的綁定數據
-
23. 刷新時間間隔
-
24. 在特殊時間重新加載webview
-
25. Wicket - 運行時間類重新加載
-
26. Laravel Carbon - 重新加載當前時間
-
27. 從現有數據表更新數據點設置時間間隔
-
28. 解析,時間安排,表格視圖重新載入數據
-
29. 重新加載當前函數後無時間重新加載頁面
-
30. 從數據中刪除行:重疊的時間間隔?
最新問題
-
1. 觸發器在oracle2中相乘兩列
-
2. 紅寶石適用看跌數組
-
3. 如何將目標中生成的內容部署到帶有MSBuild的UWP應用程序中的AppX包中
-
4. SQL Server:CASE和連接字符串
-
5. 爲什麼css網格在IE和Edge中不起作用?
-
6. 保持html頁面內svg的大小
-
7. 在R中設置kmeans的靜態中心
-
8. 我怎樣才能在沒有警告的情況下設置一個很長的長號碼?
-
9. 如何更改jSpinners的ArrayList中的值?
-
10. 提取數據
-
1. 異步數據加載和重新加載之間的時間間隔UITableView
-
2. PHP重新加載數據的時間間隔,而不是刷新
-
3. 刷新數據的時間間隔後重新倒計時
-
4. 使用jQuery重新加載Div內容的時間間隔
-
5. 基於時間間隔重新加載Sinatra頁面
-
6. 重新加載分隔符的內容定期的時間間隔
-
7. 輸入文字重新加載間隔
-
8. 按給定間隔重新加載Jqgrid
-
9. Ember模型重新加載間隔
-
10. JQuery Datatable不會間隔重新加載
<表ID = 「table_id的」 類= 「顯示」> 列1 列2 –
您在setInterval回調函數中未調用$ .post('...')。
看看你的代碼:setInterval的回調裏面,你調用
table.draw() console.log('test')
所以,你一旦讓您的數據,並僅在重繪相同的數據...
編輯:如果您檢查您的DevTools中的網絡請求標籤,您應該只注意到一個ajax請求
來源
2017-08-04 21:20:31 Xavero
相關問題