'form'에 해당되는 글 1건

동적 폼 엘리먼트 생성 및 ajax 를 이용한 전송

[동적으로 FORM 생성]

/* 화면 refresh없이 계속 submit해야하는 경우 form이 중복으로 document에 추가되기 때문에 reset하는 과정이 필요함. */

var $form = $("#myForm");
 if($form.length < 1) {
  $form = $("<form/>").attr({id:"myForm", method:'POST'});
  $(document.body).append($form);
 }
 $form.empty();

/* 정보 세팅 */

$("<input></input>").attr({type:"hidden", name:"aaaa", value:$.trim('aaaa')}).appendTo($form);

$("<input></input>").attr({type:"hidden", name:"bbbb", value:$.trim('bbbb')}).appendTo($form);

[Ajax 를 이용한 폼 전송]

/* ajax로 submit*/

$.ajax({

   url : '/testPjt/myPjt/test.do',

   data : $form.serialize(),

   dataType : 'json',

   success : function(json, textStatus, jqXHR){

     if(!json.result){
         alert('결과가 없습니다.');
     }else{
         alert('결과가 있습니다.');
     }

   }

});