함수를 만들고 실행시키것이 먹히지 않아요

Question

안녕하세요 저는 유튜브에서 강의를 보면서 차례대로 따라하고 있는 와중에안되는 막힌 부분이있습니다. 아래는 소스입니다. var searchRequest &#61; new XMLHttpRequest(); var registerRequest &#61; new XMLHttpRequest(); function searchFunction(){ searchRequest.open(&#34;Post&#34;, &#34;./UserSearchServlet?userName&#61;&#34; &#43; encodeURIComponent(document.getElementById(&#34;userName&#34;).value), true); searchRequest.onreadystatechange &#61; searchProcess; searchRequest.send(null); } function searchProcess(){ var table &#61; document.getElementById(&#34;ajaxTable&#34;); table.innerHTML &#61; &#34;&#34;; if(searchRequest.readyState &#61; 4 && searchRequest.status &#61;&#61; 200) { var object &#61; eval('(' &#43; searchRequest.responseText &#43; ')'); var result &#61; object.result; for(var i &#61; 0; i < result.length; i&#43;&#43;){ var row &#61; table.insertRow(0); for(var j &#61; 0; j < result[i].length; j&#43;&#43;){ var cell &#61; row.insertCell(j); cell.innerHTML &#61; result[i][j].value; } } } var registerName &#61; document.getElementById(&#34;registerName&#34;); var registerAge &#61; document.getElementById(&#34;registerAge&#34;); var registerEmail &#61; document.getElementById(&#34;registerEmail&#34;); registerName.value &#61;&#34;&#34;; registerAge.value &#61; &#34;&#34;; registerEmail.value &#61; &#34;&#34;; } function registerFunction(){ registerRequest.open(&#34;Post&#34;, &#34;./UserRegisterServlet?userName&#61;&#34; &#43; encodeURIComponent(document.getElementById(&#34;registerName&#34;).value) &#43; &#34;&userAge&#61;&#34; &#43; encodeURIComponent(document.getElementById(&#34;registerAge&#34;).value) &#43; &#34;&userGender&#61;&#34; &#43; encodeURIComponent($('input[name&#61;registerGender]:checked').val()) &#43; &#34;&userEmail&#61;&#34; &#43; encodeURIComponent(document.getElementById(&#34;registerEmail&#34;).value), true); registerRequest.onreadystatechange &#61; registerProcess; registerRequest.send(null); } function registerProcess(){ if(registerRequest.readyState &#61;&#61; 4 && registerRequest.status &#61;&#61; 200){ var result &#61; registerRequest.responseText; if(result !&#61; 1){ alert('등록에 실패했습니다.'); } else{ var userName &#61; document.getElementById(&#34;userName&#34;); var registerName &#61; document.getElementById(&#34;registerName&#34;); var registerAge &#61; document.getElementById(&#34;registerAge&#34;); var registerEmail &#61; document.getElementById(&#34;registerEmail&#34;); userName.value &#61; &#34;&#34;; registerName.value &#61;&#34;&#34;; registerAge.value &#61; &#34;&#34;; registerEmail.value &#61; &#34;&#34;; searchFunction(); } } } window.onload &#61; searchFunction(); 저에게 생긴 문제점은 색으로 체크한 부분이 실행되지 않는 다는 점입니다.searchFunction은 위에 생성이 돼있는데 왜 안되는 것일가요??오타인가 싶어서 철자가 틀렸더라도 같으면되니깐 복사붙여넣기로 해보고하는데 안됩니다.. 빨간색 칠한 부분은 그 바로 윗줄까지는 되는데 왜 다른 함수를 실행 시키는 것만안되는 것인지 모르겠습니다.

karolus · Accepted Answer

빨간부분은 위소스만 가지고는 잘 판단이 안되네요. 노란부분이 일단 오류하나 짚고 넘어갈게요. script가 body위에 있다면 window.onload 기능을 제대로 사용하지 않고 있습니다.만약 script가 body아래에 있다면 머 문제는 없겠네요.window.onload &#61; searchFunction(); 은 searchFunction(); 이렇게 쓰는거랑 같은 기능을 하고있습니다.serachFunction 안에서 document.getElementById(&#34;userName&#34;).value document에 직접 접근하고있으니 script가 body 위에 있다면 애초에 이부분부터 에러가 납니다. onload 기능을 제대로 쓰시려면window.onload &#61; searchFunction; 형태로 쓰셔야 하구요 window.onload &#61; searchFunction();은 searchFunction은 아무것도 리턴하지 않기 때문에 window.onload &#61; null; 로 설정해놓은거나 다름없습니다. 제가 설명은 잘못해서 이부분은 직접 찾아보시는걸 추천드립니다.

협군 · Answer

브라우져 콘솔 로그를 확인해보세요

초보키보드 · Answer

karolus 님 방법으로 하니깐 모든게 해결돼었습니다!감사합니다

함수를 만들고 실행시키것이 먹히지 않아요

3개의 답변

#window.onload 목록