fetch함수 질문있어요

Question

const btn &#61; document.querySelector(&#34;#btn&#34;);const getlist &#61; () &#61;> { const oc &#61; parseInt(btn.className); const nc &#61; oc &#43; 1; btn.classList.replace(oc.toString(), nc.toString()); const requestUrl &#61; (oc) &#61;> { return(&#34;/testasync?idx&#61;&#34;&#43;oc); } fetch(requestUrl(oc)) .then(response &#61;> { return(response.json()); }) .then(data &#61;> { console.log(data); }) .catch(error &#61;> { console.log(&#34;errorr&#34;,error); });}btn.addEventListener(&#34;click&#34;,getlist);<버튼 id:&#34;btn&#34; class:&#34;1&#34;>코드를 짠 의도 :버튼을 누르면 버튼의 클래스를 숫자로 바꿔서 그걸 인덱스로 하는 값을 db에서 찾아 가져온다. 클릭할 때마다 숫자가 1씩 오르니까 매 클릭할 때마다 콘솔창에 그 시점 버튼의 클래스를 인덱스로 하는 json이 찍히겠지?이거였습니다....그런데 신기하게도 매번 클릭할 때마다 요청이 쌓이는것처럼 처음엔 인덱스 1인 값만 출력됐는데 두번째 클릭하면 1,2 세번째 클릭하면 1,2,3 이렇게 쌓여서 콘솔에 출력되더라구요. 새로고침을 한 직후에도 클릭 때마다 그전에 쌓여있던 값이 같이 출력돼요왜 이런건가요??

kenu,전독시 · Answer

btn.addEventListener("click",getlist); 버튼이 눌릴 때마다 저 부분이 실행되는 것 같습니다.

fetch함수 질문있어요

1개의 답변

#fetch 목록