꿈꾸는 시스템 디자이너

자바스크립트를 이용한 동적 폼(form) 생성 및 post 요청 본문

Web Service

자바스크립트를 이용한 동적 폼(form) 생성 및 post 요청

독행소년 2017. 7. 10. 20:34

자바스크립트 코드내에서 동적으로 Form을 생성하고 Post 요청을 보내야 할경우 다음과 같이 한다.

   <script type="text/javascript">

      

      function submit() {


         var form = document.createElement("form");

         form.setAttribute("charset", "UTF-8");

         form.setAttribute("method", "Post");  //Post 방식

         form.setAttribute("action", "/user/signup"); //요청 보낼 주소


         var hiddenField = document.createElement("input");

         hiddenField.setAttribute("type", "hidden");

         hiddenField.setAttribute("name", "mName");

         hiddenField.setAttribute("value", mName);

         form.appendChild(hiddenField);


         hiddenField = document.createElement("input");

         hiddenField.setAttribute("type", "hidden");

         hiddenField.setAttribute("name", "mEmail");

         hiddenField.setAttribute("value", mEmail);

         form.appendChild(hiddenField);


         document.body.appendChild(form);

         form.submit();

      }

   </script>



Comments