텍스트 파일의 내용을 JavaScript 변수로 로드하려면 어떻게 해야 합니까?

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

웹 애플리케이션의 루트에 텍스트 파일이 저장되어 있고 원하는 경우 내용을 JavaScript 변수에 로드합니다. Groovy에서 'toURL()' 메소드를 활용하는 방법과 유사하게 XMLHttpRequest(AJAX)를 활용하여 JavaScript에서 이를 달성할 수 있습니다.

AJAX 구현은 사용 중인 JavaScript 프레임워크에 따라 다릅니다. 그러나 상호 운용성 문제를 무시하고 일반 JavaScript를 사용하면 코드 구조는 다음과 유사합니다.

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

AJAX는 모든 플랫폼에서 보편적으로 액세스할 수 없습니다. 따라서 호환성을 보장하기 위해 jQuery와 같은 AJAX 프레임워크를 활용하는 것이 좋습니다.

한 가지 중요한 점은 이 방법은 "foo.txt" 파일이 동일한 도메인에서 호스팅되는 경우에만 성공한다는 것입니다. 귀하의 웹 애플리케이션. 파일이 다른 도메인에 있는 경우 보안 정책에 따라 파일 콘텐츠에 대한 액세스가 제한됩니다.

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