HTML을 사용하여 몇 초마다 txt 파일의 내용을 읽고 표시할 수 있습니까?

Question

몇 초마다 새로운 데이터로 업데이트되는 txt 파일이 있습니다. 이는 서버 역할도 하는 Raspberry Pi에 저장되고 생성됩니다.

표시용 HTML 코드에 해당 내용을 추가하고 싶습니다.

페이지를 수동으로 다시 로드하지 않고도 업데이트되어야 합니다.

이것을 할 수 있는 방법이 있나요? AJAX, PHP 또는 이와 유사한 것을 사용할 수 있습니까?

시간이 오래 걸릴 수 있다는 것을 알기 때문에 코드를 찾거나 작성할 필요가 없습니다. 내가 어떻게 해야 하는지 배울 수 있도록 올바른 방향을 알려주세요.

P粉477369269 · Answer

jQuery，$.ajax，$.post或$.get

를 사용할 수 있습니다.

또는 JavaScript 프로그래밍에 XMLHttpRequest를 사용할 수도 있습니다(오래되었지만 고전적임)

PHP의 경우 readFile(서버 측에는 API가 필요하지 않음)

을 사용할 수 있습니다.

작은 이야기가 도움이 될 수 있습니다

아두이노에 WiFi 모듈을 사용하고 나서

저는 Arduino를 사용하여 데이터를 수집한 다음 esp8266(WiFi 모듈)에 데이터를 전달하고 GET方法发布到我的网站上，像这样：http://mySite.lo/?firstVar=myFirstVar&secondVar=mySecondVar，服务器从URL中获取GETdata

를 사용합니다.

업데이트:

페이지 새로고침

PHP의 경우 header("refresh: 3;")

을 사용할 수 있습니다.

JavaScript의 경우 setInterval(location.reload(),3000)

을 사용할 수 있습니다.

P粉818125805 · Answer

클라이언트 측에서 API 엔드포인트와 Ajax 호출을 사용하여 이 작업을 수행할 수 있습니다. 나는 당신을 위해 몇 가지 코드 초안을 작성했습니다. 엔드포인트 URL을 /url/to/api.php로 설정했습니다. Raspberry Pi의 서버 설정에 따라 이 URL을 변경해야 합니다.

또한 몇 초마다 API를 폴링하는 일부 JavaScript 코드가 포함된 HTML 파일을 호스팅해야 합니다. setInterval을 사용하여 5초마다 실행되도록 설정했습니다.

으아악

마지막으로 api.php 파일에서 파일을 읽고 요청이 있을 때마다 파일 내용을 "에코"합니다.

HTML을 사용하여 몇 초마다 txt 파일의 내용을 읽고 표시할 수 있습니까?

모든 응답(2)나는 대답할 것이다