HTML에서 txt 파일을 읽는 방법

HTML에서 TXT 파일을 읽으려면 JavaScript의 XMLHttpRequest 객체를 사용해야 합니다. 구체적인 단계는 다음과 같습니다. XHR 객체 생성 요청 열기 및 요청 유형 설정 응답 유형 설정 요청 보내기 응답 처리 요청이 완료된 후 XHR 객체의 onload 이벤트가 트리거되고 응답 콘텐츠를 얻을 수 있습니다. 이 시간에.

HTML을 사용하여 TXT 파일을 읽는 방법

HTML에서 TXT 파일을 읽으려면 JavaScript의 XMLHttpRequest(XHR) 개체가 필요합니다. 구체적인 단계는 다음과 같습니다. XMLHttpRequest（XHR）对象。具体步骤如下：

1. 创建 XHR 对象

<code class="javascript">var xhr = new XMLHttpRequest();</code>

2. 打开请求并设置请求类型

<code class="javascript">xhr.open('GET', 'path/to/text.txt');</code>

3. 设置响应类型

<code class="javascript">xhr.responseType = 'text';</code>

4. 发送请求

<code class="javascript">xhr.send();</code>

5. 处理响应

请求完成后，XHR 对象的 onload

1. 응답 처리

요청이 완료된 후 XHR 개체의 onload 이벤트가 트리거됩니다. 이 시점에서 응답 내용을 얻을 수 있습니다:

<code class="javascript">xhr.onload = function() {
  var txt = xhr.response;
  // 对 txt 文本内容进行操作
};</code>

샘플 코드

<code class="javascript">var xhr = new XMLHttpRequest();

xhr.open('GET', 'path/to/text.txt');

xhr.responseType = 'text';

xhr.send();

xhr.onload = function() {
  document.getElementById('txt-content').innerHTML = xhr.response;
};</code>

참고:

🎜TXT 파일과 HTML 파일이 동일한 도메인 이름 또는 CORS(Cross-Origin Resource Sharing)에 있는지 확인하세요. )을 설정했습니다. 🎜🎜TXT 파일에 특수 문자가 포함된 경우 응답 텍스트를 이스케이프해야 할 수도 있습니다. 🎜🎜

위 내용은 HTML에서 txt 파일을 읽는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!