로컬 텍스트 파일을 JavaScript 변수에 로드하는 방법은 무엇입니까?

JavaScript 변수에 텍스트 파일 콘텐츠 로드

질문: 로컬 텍스트의 콘텐츠를 어떻게 로드할 수 있나요? 파일(foo.txt)을 JavaScript 변수로 복사합니다. Groovy?

해결책:

XMLHttpRequest(XML 없는 AJAX)는 원격 리소스를 비동기적으로 검색하는 방법을 제공하여 다음 단계를 통해 텍스트 파일의 내용을 읽을 수 있도록 합니다.

1. XMLHttpRequest 생성 개체:
   새 XMLHttpRequest 개체를 생성하여 시작합니다.

var client = new XMLHttpRequest();

2. GET 요청 열기 및 보내기:
   GET 열기 파일의 URL을 요청하고 전송을 트리거합니다. process.

client.open('GET', '/foo.txt');
client.send();

3. 응답 처리:
   요청 상태를 지속적으로 확인하는 onreadystatechange 이벤트에 이벤트 핸들러를 연결합니다.

client.onreadystatechange = function() {
  // Alert the responseText when the request is complete.
  if (client.readyState == 4 && client.status == 200) {
    alert(client.responseText);
  }
}

대체 옵션 - jQuery:

XMLHttpRequest를 사용하는 동안 jQuery는 AJAX 작업을 위한 보다 편리한 인터페이스를 제공합니다.

$.ajax({
  url: '/foo.txt',
  dataType: 'text',
  success: function(data) {
    console.log(data);
  }
});

참고:

보안상의 이유로 이 접근 방식에서는 애플리케이션 원본과 동일한 도메인의 파일 로드만 허용됩니다.

위 내용은 로컬 텍스트 파일을 JavaScript 변수에 로드하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!