我有一個txt文件，每隔幾秒鐘就會更新新資料。它儲存和生成在樹莓派上，樹莓派也將充當(dāng)伺服器。
我希望將其內(nèi)容新增到用於顯示的html程式碼中。
它應(yīng)該在不手動重新載入頁面的情況下更新。
有辦法做到這一點嗎？也許可以使用AJAX、PHP或類似的東西嗎？
不需要為我找到/編寫任何程式碼，因為我知道這可能需要很長時間。只要指向我正確的方向，這樣我就可以學(xué)會如何做。
2
0
0
你可以使用jQuery，$.ajax，$.post或$.get
或也可以使用XMLHttpRequest來進行JavaScript程式設(shè)計（雖然老舊但經(jīng)典）
對於PHP，可以使用readFile（伺服器端不需要API）
一個小故事可能有幫助
曾經(jīng)我使用有WiFi模組的Arduino
#我使用Arduino收集數(shù)據(jù)，然後將數(shù)據(jù)傳遞給esp8266（WiFi模組），並使用GET方法發(fā)佈到我的網(wǎng)站上，像這樣：http://mySite.lo /?firstVar=myFirstVar&secondVar=mySecondVar，伺服器從URL中取得GET資料
更新：
頁面刷新
對於PHP，可以使用header("refresh: 3;")
#對於JavaScript，可以使用setInterval(location.reload(),3000)
您可以使用API??端點和客戶端的ajax呼叫來完成此操作。 我為您草擬了一些程式碼。 我將端點URL設(shè)定為/url/to/api.php - 您需要根據(jù)樹莓派上的伺服器設(shè)定來更改此URL。
您還需要託管一個包含一些JavaScript程式碼的HTML文件，該程式碼每隔幾秒鐘就會輪詢您的API。我設(shè)定它每5秒鐘執(zhí)行一次，使用setInterval。
<script>
// 客戶端代碼（JavaScript）- 應(yīng)該放在</body>標簽之前
(async () => {
setInterval(async () => {
const data = await fetch("/url/to/api.php").then(response => response.text());
document.getElementById("#htmlElementWithThisId").innerHTML(data);
}, 5000);
})()
</script>
// 在HTML中，您必須有一個具有id為"htmlElementWithThisId"的元素 - 這是內(nèi)容將顯示的位置
<div id="htmlElementWithThisId"></div>
最後，在api.php檔案中，您將讀取您的文件，並在每個請求上"echo"文件的內(nèi)容。
