본문 바로가기
JavaScript

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

by 띵앤띵 2020. 2. 12.
728x90
반응형

자바스크립트 코드내에서 동적으로 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>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

출처 : https://here4you.tistory.com/87

반응형

댓글