Jquery Form Submit(동적으로 폼생성 및 서브밋하기)

일을하다가 보면 Post방식으로 어떤 특정 데이터를 서브밋해야 할 때가 있다.

이런 작업들은 Jquery를 이용해서 간단히 할수 있다.

일단 form태그를 생성하고 값들을 바인딩하여 서브밋한다.

내가 써본 방식이다. 쩝 허접하지만 한번 적어보겠다.

var $form = $('<form></from>');                

$form.attr('action', targeturl);                

$form.attr('method', 'post');$form.appendTo('body'); 

var userId = $('<input type="hidden" name="userId" value="<%=lecture.UserId %>" />');                var processCd = $('<input type="hidden" name="processCd" value="<%=lecture.ProcessCd %>" />');                var studyProcessYear = $('<input type="hidden" name="studyProcessYear" value="<%=lecture.StudyProcessYear %>" />');                var studyProcessTerm = $('<input type="hidden" name="studyProcessTerm" value="<%=lecture.StudyProcessTerm %>" />');                var companySeq = $('<input type="hidden" name="companySeq" value="<%=lecture.CompanySeq %>" />');                var courseCd = $('<input type="hidden" name="courseCd" value="HLSC02576" />');                var adminYn = $('<input type="hidden" name="adminYn" value="<%=JuniorMaster.IsGongSinParent ? "Y" :"N" %>" />');                var chasi = $('<input type="hidden" name="chasi" value="' + index + '" />');                var processType = $('<input type="hidden" name="processType" value="1" />');                 $form.append(userId).append(processCd).append(studyProcessYear).append(studyProcessTerm).append(companySeq)                .append(courseCd).append(adminYn).append(chasi).append(processType); 
                $form.submit(); 

위의 코드를 간단하게 설명하면

 targeturl로 여러가지 데이터들을 post방식으로 전송하고 있다. 

소스코드를 보면  $form.appendTo('body');부분이 있는데 해당 body밑에다가 form을 추가하고 그 폼을 서브밋
하는 코드이다.

알아서 테스트 해 주시길 .....