JavaScript에서의 동기식 fetch 스타일
fetch를 동기식 스타일로도 작업할 수 있습니다:
button.addEventListener('click', async function() {
let response = await fetch('/ajax.html');
let text = await response.text();
console.log(text);
});
다음 코드를 동기식 스타일로 다시 작성하세요:
button.addEventListener('click', function() {
let promise = fetch('/ajax.html')
.then(
response => {
if (response.ok) {
return response.text();
} else {
throw new Error('나쁜 응답 상태');
}
},
).then(
text => {
console.log(text);
}
).catch(
error => {
console.log(error);
}
);
});
