通過AJAX刷新表格

Question

我有一項任務，爲用戶提供在我們的應用程序中運行的後端進程的狀態。要顯示此狀態，我們在列出已完成任務的數據庫中創建一個狀態表，失敗，或者都在進步，像這樣：

爲了得到這個表的最新狀態，我通過在setInterval()方法中包裝呼叫，每3秒調用一次.ajax()方法。刷新工作如預期，並抓住了該計劃的最新狀態，但這是我在這個問題上的第一個方法，並感覺有點蠻力。我想知道是否有更好的方法來實現這個目標（例如，一個跨瀏覽器的解決方案，通過它自己的API模擬實時新聞提要）。有什麼想法嗎？

Answer 1

試試這個http://www.w3schools.com/html/html5_serversentevents.asp

SSE是做到這一點的最好辦法。

試試這個代碼

<script> 
if(typeof(EventSource) !== "undefined") { 
var source = new EventSource("demo_sse.php"); 
source.onmessage = function(event) { 
    //display data in event array. 
}; 
} else { 
//Use your old interval if SSE not support in browser 
} 
</script> 

在PHP代碼

<?php 
header('Content-Type: text/event-stream'); 
header('Cache-Control: no-cache');//this is important 

$arr=['status'=>1,'data'=>$some_array]; 

$retry="retry: 10000\n"; 
echo $.retry."data: ".json_encode($arr)."\n\n"; 
flush(); 
?> 

你需要添加「數據：」在開始的顯示給SSE知道這是您的數據和「\ n \ n「數據的結尾。

，並添加重試，所以都刷新10000 = 10秒