input type=button을 한 번만 클릭해도 submit시에 컨트롤러에서 두 번 요청을 받습니다.

Question

게시글 정보

1. 부모게시글을 읽는 화면에서 답글쓰기 버튼을 클릭합니다.하단의 div id="control1"만 보시면 될 것 같습니다. $(document).on("click","#reply",function(){ var form = $(""); form.attr({ "action":"/MVC/board/replyForm.do", "method":"post" }); var input = $(""); input.attr({ "type":"hidden", "name":"parentNO", "value":$("#no").attr("value") }); form.append(input); $("body").append(form); form.submit(); });2. 부모게시글 화면에 존재하는 스크립트에서 동적form을 생성후, 부모 게시글 번호를 포함하여컨트롤러에 답글쓰기화면을 요청합니다. if(action.equals("/replyForm.do")){ //System.out.println("테스트용 출력 : "+request.getParameter("parentNO"); HttpSession session = request.getSession(true); session.setAttribute("parentNO", request.getParameter("parentNO")); nextPage="/resource/jsp/replyForm.jsp"; }3. 컨트롤러는 해당 요청을 받아서, 세션에 부모게시글 번호를 저장하고, 답글쓰기 화면으로이동하도록 RequestDispatch를 이용합니다. 위의 소스코드는 어떤 게시글에 대해서, 답글을 계층적으로 작성하는 것과 관련한 코드입니다.parentNO은 부모 게시글 번호이며, 답글쓰기 버튼을 클릭하면, 부모글의 번호와 함께 컨트롤러에 전달후세션에 부모 게시글번호를 저장하고, 답글쓰기화면.jsp로 이동하여 답글쓰기를 진행할 예정입니다. 문제가 되는 부분은 아래와 같습니다.input의 type이 button이기에, submit을 자동적으로 수행하지 않고,제이쿼리를 이용해서 동적으로 form생성후, submit을 호출하는 방식으로 컨트롤러에 요청을 전달합니다.이때, input 버튼을 단 한 번만 클릭했음에도, 컨트롤러에 두 번씩 요청이 전달되는 문제가 있습니다. 1번째 요청은 제대로 부모게시글의 번호가 전달되는 것을 확인했으나2번째 요청때는 부모게시글 번호가 null로 전달되는 것을 확인했습니다. - 처음에는 동적으로 생성되는 form외에, 이미 정적인 form이 하나 있기에이 정적인 form에 대해서도 submit이 진행되서 그런 줄 알았는데, 아니었습니다. - 혹시나해서 동적인 form이 2개 이상 생겨서 그런 것인가 확인해보았지만버튼 클릭시 하나의 form만 생성되는 것을 확인했습니다. - 브라우저의 문젠가 싶어서 크롬, 엣지, 익스플로러 모두 확인했으나모두 같은 증상을 보입니다. 2시간을 붙잡아봤는데, 도저히 원인을 모르겠습니다.

fromlist · Answer

혹시 js가 두 번 불러와지는지 한번 확인해 보시겠어요?

Blanc.et.Noir · Answer

JS는 딱 한번만 불러와지네요. 혹시나 싶어 submit()메소드 대신 a태그의 href&#61;&#34;MVC/board/replyForm.do&#34;같은 형태로요청을 해보았는데도 역시나 같은 증상을 보이는 것을 보면 JS 문제는 아닌 것 같은데... 그나마 다행인건 a태그로 요청시에는, 두 번씩 요청되기는 하지만, 두 번 모두 부모게시글 번호를정상적으로 전달한다는 점이네요.

Blanc.et.Noir · Answer

원인을 찾았네요... 계속 테스트해보면서 확인해본 결과 , 결론은 아래와 같습니다. 1. viewArticle.jsp에서 답글쓰기 버튼클릭, 컨트롤러에 replyForm.do를 요청2. 컨트롤러에서는 해당 게시글번호를 session에 부모게시글번호로써 저장3. RequestDispatcher를 이용해 replyForm.jsp로 포워딩4. replyForm.jsp의 소스는 아래와 같습니다.<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 답글 쓰기

답글 쓰기

5. 이때 input들의 타입은 submit이 아니어서 괜찮았으나, img태그때문에 다시 한 번 컨트롤러에 요청이 되는 것으로 판단 6. img태그만 제거하고 1~4과정을 수행하니 정상적으로 한 번만 컨트롤러에 요청되는 것을 확인... img태그에 src="#"속성때문이었네요...

input type=button을 한 번만 클릭해도 submit시에 컨트롤러에서 두 번 요청을 받습니다.

3개의 답변

Q&A 목록