JavaScript에서 AJAX를 통해 JSON 가져오기
서버가 JSON 형식으로 데이터를 제공하는 것은 일반적인 관행입니다. 이를 어떻게 처리하는지 알아봅시다. 서버에 다음과 같은 파일이 있다고 가정합니다:
{
"num1": "1",
"num2": "2"
}
이 파일에서 데이터를 가져와 봅시다:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
json 메서드를 활용하여 JSON이 자동으로 JavaScript 구조로 변환되도록 할 수 있습니다:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
서버가 배열이 포함된 JSON을 제공한다고 가정합니다. 이 배열을 루프로 순회하고 각 요소를 별도의 li에 기록하세요.
