>  기사  >  웹 프론트엔드  >  HTML에서 txt 파일을 읽는 방법

HTML에서 txt 파일을 읽는 방법

下次还敢
下次还敢원래의
2024-04-05 10:36:201193검색

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

HTML에서 txt 파일을 읽는 방법

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

  • 성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.