form 개체 동적 생성, submit

[waitfor]

스크립트만으로 post 값을 전송하기 위한 방법을 찾던중 그냥 동적으로 form 을 생성하여 submit 하는 방법을 사용하게 됐다.

Code: 모두 선택

   var f = document.createElement("form"); // form 엘리멘트 생성
   f.setAttribute("method","post"); // method 속성 설정
   f.setAttribute("action","https://pg.billgate.net/card/korea1/pgauth.jsp"); // action 속성 설정
   document.body.appendChild(f); // 현재 페이지에 form 엘리멘트 추가

   var i = document.createElement("input"); // input 엘리멘트 생성
   i.setAttribute("type","hidden"); // type 속성 설정
   i.setAttribute("name","CURRENCY"); // name 속성 설정
   i.setAttribute("value","410"); // value 속성 설정
   f.appendChild(i); // form 엘리멘트에 input 엘리멘트 추가

   f.submit(); // 전송


[waitfor]

jquery 를 이용한 예제 ... 및 쓰기 편하게 만들어둔 함수 추가.

Code: 모두 선택

   $(document).ready(function(){
      $("#u_join").click(function(){
            f = makeform('index.php');
            f.appendChild(AddData('mode', 'join'));
            f.submit();
      });
   });
   
   function makeform(ActionURL)
   {
      var f = document.createElement("form");
      f.setAttribute("method", "post");
      f.setAttribute("action", ActionURL);
      document.body.appendChild(f);
      
      return f;
   }
   
   function AddData(name, value)
   {
      var i = document.createElement("input");
      i.setAttribute("type","hidden");
      i.setAttribute("name",name);
      i.setAttribute("value",value);
      return i;
   }