BLOG ARTICLE dynamic form | 1 ARTICLE FOUND

  1. 2008/06/12 자바스크립트로 동적 폼 생성하고 전송하기

 
 
 
 

자바스크립트만 사용하여
동적으로 폼을 생성하고 필요한 데이터를 동적으로 생성된 변수에 넣어 전송하는 방법이다.

아래 샘플은 페이지를 열자마자 a3box 에 자동으로 로그인한다.
(매번 로그인하는 귀차니즘에 쩔어서... OTL)

<script type="text/javascript">
function createForm(nm,mt,at,tg) {
  var f=document.createElement("form");
  f.name=nm;
  f.method=mt;
  f.action=at;
  f.target=tg;
  return f;
}

function addHidden(f,n,v) {
  var i=document.createElement("input");
  i.type="hidden";
  i.name=n;
  i.value=v;
  f.insertBefore(i);
  return f;
}

var frm=createForm("frmlogon", "post", "http://www.a3box.co.kr/login.php", "_self");
frm=addHidden(frm, "rurl", http://club.a3box.co.kr/wangja);
frm=addHidden(frm, "login_id", "mike");
frm=addHidden(frm, "login_pass", "mypass1234");
document.insertBefore(frm);
frm.submit();
</script>