텍스트 파일을 JavaScript 변수로 어떻게 읽을 수 있습니까?

텍스트 파일 내용을 JavaScript 변수로 읽는 방법

JavaScript 애플리케이션의 일반적인 작업은 텍스트 파일의 내용을 변수에 로드하는 것입니다. 이를 달성하기 위해 개발자는 페이지 새로 고침 없이 서버와 통신할 수 있는 AJAX(XMLHttpRequest)를 사용하는 경우가 많습니다.

텍스트 파일 로드를 위한 XMLHttpRequest

XMLHttpRequest를 사용하면 텍스트 파일에 GET 요청을 보내고 해당 내용을 응답으로 받을 수 있습니다. 예는 다음과 같습니다.

var client = new XMLHttpRequest();
client.open('GET', '/foo.txt');
client.onreadystatechange = function() {
  console.log(client.responseText);
}
client.send();

이 코드는 텍스트 파일에 대한 GET 요청을 열고, Readystatechange 이벤트에 대한 이벤트 리스너를 설정한 후 요청을 보냅니다. 요청이 완료되면 이벤트 리스너가 트리거되고 client.responseText에서 응답 텍스트를 얻을 수 있습니다.

프레임워크 고려 사항

단, XMLHttpRequest를 사용하지 못할 수 있습니다. 모든 JavaScript 프레임워크에서. 따라서 jQuery와 같은 프레임워크를 사용하면 프로세스가 단순화될 수 있습니다.

$.get('/foo.txt', function(data) {
  console.log(data);
});

동일 출처 보안 고려 사항

이 방법은 텍스트 파일이 다음과 같은 경우에만 작동합니다. JavaScript 애플리케이션과 동일한 도메인에 위치합니다. 동일 출처 보안 정책은 도메인 간 리소스 통신을 금지합니다.

위 내용은 텍스트 파일을 JavaScript 변수로 어떻게 읽을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!