更新更改json數據而不刷新網站

Question

我有一個每10秒更改一次的.json文件。

當網站的用戶加載頁面時，代碼首先加載當前的.json文件;然後，.json文件被解碼成一個數組;最後，它顯示來自該.json文件的數據以及基於由php計算的.json文件的一些其他數據（即.json文件的兩個數據點的總和）。

頁面如何訪問「已更新」的json文件並更改顯示的數據而不重新加載頁面？

謝謝。

Answer 1

由於JavaScript是運行代碼客戶端的唯一方法，因此您將不得不在此處使用JavaScript。它的基礎是你必須編寫一些JavaScript來每10分鐘檢查一次服務器（例如），並相應地更新正在顯示的頁面。

使用jQuery，它會是這個樣子：

function updatePage() { 
    $.getJSON('/path/to/your/json_endpoint.json', function(data) { 
     // Your code to update the page here. 
     // `data` is the response JSON, in JavaScript object form. 
    }); 
} 

setInterval(updatePage, 1000 * 60 * 10); 

當然它也可以與香草的JavaScript來完成，雖然這是一個比較複雜。