JavaScript를 사용하여 로컬 JSON 파일에서 데이터를 어떻게 읽을 수 있습니까?

JavaScript에서 외부 로컬 JSON 파일 읽기

JavaScript에서 외부 로컬 JSON 파일의 데이터에 액세스하려면 다음 단계를 따르세요.

JSON 생성 파일:

• 다음 콘텐츠가 포함된 test.json과 같은 로컬 파일에 JSON 데이터를 저장합니다.

{
  "resource": "A",
  "literals": ["B", "C", "D"]
}

JavaScript 코드 :

JSON 파일이 생성되면 읽을 JavaScript 스크립트를 작성합니다. it:

// Step 1: Get JSON file path
const filePath = "/Users/Documents/workspace/test.json";

// Step 2: Create XMLHttpRequest object
const xhr = new XMLHttpRequest();

// Step 3: Open and send request
xhr.open("GET", filePath);
xhr.send();

// Step 4: Handle response
xhr.onload = function() {
  if (xhr.status === 200) {
    const response = JSON.parse(xhr.responseText);

    // Step 5: Access JSON data
    console.log(response.resource); // Output: "A"
    console.log(response.literals); // Output: ["B", "C", "D"]
  } else {
    console.error(`Error: ${xhr.status} - ${xhr.statusText}`);
  }
};

사용 예:

이 코드를 사용하려면 HTML 문서에 test.json 파일과 JavaScript 스크립트를 모두 포함하세요.

<script src="/Users/Documents/workspace/test.json"></script>
<script src="script.js"></script>

이 코드는 JSON 파일에 대한 비동기 HTTP GET 요청을 설정하고, 응답을 검색하고, 이를 JSON으로 구문 분석하고, 관련 데이터를 콘솔에 전송합니다.

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