HTMLを使用してtxtファイルの内容を数秒ごとに読み取って表示することは可能ですか?

Question

数秒ごとに新しいデータで更新される txt ファイルがあります。これは、サーバーとしても機能する Raspberry Pi 上で保存および生成されます。

そのコンテンツを HTML コードに追加して表示したいと考えています。

ページを手動でリロードしなくても更新されるはずです。

これを行う方法はありますか? AJAX、PHP、または類似のものを使用してみてはいかがでしょうか?

時間がかかるかもしれないので、コードを見つけたり書いたりする必要はありません。正しい方向を教えてください。そうすれば、その方法を学ぶことができます。

Answer 1

jQuery、$.ajax、$.post、または $.get

を使用できます。

または、JavaScript プログラミングに XMLHttpRequest を使用することもできます (古いですが古典的です)

PHP の場合、readFile を使用できます (サーバー側に API は必要ありません)

ちょっとした話が役立つかもしれません

WiFi モジュールで Arduino を使用したことがあります

Arduino を使用してデータを収集し、そのデータを esp8266 (WiFi モジュール) に渡し、次のように GET メソッドを使用して Web サイトに公開します: http://mySite.lo /?firstVar =myFirstVar&secondVar=mySecondVar、サーバーは URL から GETdata

を取得します。

更新:

ページの更新

PHP の場合、header("refresh: 3;")

を使用できます。

JavaScript の場合、setInterval(location.reload(),3000)

を使用できます。

Answer 2

これは、クライアント側で API エンドポイントと ajax 呼び出しを使用して行うことができます。 私はあなたのためにいくつかのコードの下書きをしました。 エンドポイント URL を /url/to/api.php に設定しました。この URL は、Raspberry Pi のサーバー設定に基づいて変更する必要があります。

また、数秒ごとに API をポーリングする JavaScript コードを含む HTML ファイルをホストする必要もあります。 setInterval を使用して、5 秒ごとに実行されるように設定しました。

リーリー

最後に、api.php ファイルでファイルを読み取り、リクエストごとにファイルの内容を「エコー」します。