数秒ごとに新しいデータで更新される txt ファイルがあります。これは、サーバーとしても機能する Raspberry Pi 上で保存および生成されます。
そのコンテンツを HTML コードに追加して表示したいと考えています。
ページを手動でリロードしなくても更新されるはずです。
これを行う方法はありますか? AJAX、PHP、または類似のものを使用してみてはいかがでしょうか?
時間がかかるかもしれないので、コードを見つけたり書いたりする必要はありません。正しい方向を教えてください。そうすれば、その方法を学ぶことができます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
を使用できます。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)これは、クライアント側で API エンドポイントと ajax 呼び出しを使用して行うことができます。 私はあなたのためにいくつかのコードの下書きをしました。 エンドポイント URL を /url/to/api.php に設定しました。この URL は、Raspberry Pi のサーバー設定に基づいて変更する必要があります。
また、数秒ごとに API をポーリングする JavaScript コードを含む HTML ファイルをホストする必要もあります。 setInterval を使用して、5 秒ごとに実行されるように設定しました。
リーリー最後に、api.php ファイルでファイルを読み取り、リクエストごとにファイルの内容を「エコー」します。