ajax form 정리

http://www.ithinknext.com/response/board/skin/basic/view.php?tbname=tb11450&no=30

1.

 

 function ajax_data(mode,value) {
      var data = 'mode='+mode+'&checkcode='+value;
     $.ajax ({
       type:"POST",
       url:"savedata.php",
       data:data,
       success:function(html) {
          var htmls = html.split("[:]");
          if(htmls[0] == "idcheck") {
              alert(htmls[1]);
          }

       },

       beforeSend:function(){ 
            $('.loading_box').removeClass('display-none'); 
       },
      complete:function(){
            $('.loading_box').addClass('display-none'); 
      }, 
      error: function(xhr, option, error){
             alert(xhr.status); 
             alert(error); 
       }
     });
}

 

2. form serialize() 사용

 

function ajax_form(formid) {
     $.ajax ({
       type:"POST",
       url:"savedata.php",
       data:$('#'+formid).serialize(),
       success:function(html) {
          var htmls = html.split("[:]");
          if(htmls[0] == "idcheck") {
              alert(htmls[1]);
          }

       },

       beforeSend:function(){ 
            $('.loading_box').removeClass('display-none'); 
       },
      complete:function(){
            $('.loading_box').addClass('display-none'); 
      }, 
      error: function(xhr, option, error){
             alert(xhr.status); 
             alert(error); 
       }

     });
}

 

3. iframe (id가 skin_frame 예) 안에 있는 form 문서 전송하기.

 

    iframe을 포함한 부모문서에서 다음을 호출.

       $.ajax ({
       type:"POST",
       url:"savedata.php",
       data:$('#skin_iframe').contents().find('form').serialize(),
       success:function(html) {
         var htmls = html.split("[:]");
         if(htmls[0] == "warn") {
           alert(htmls[1]); 
         }             
       }
     });

 

4. $.ajax은 파일 전송이 안됨. 파일전송을 하기위해서는 jquery.form.js를 이용해여함

   <스크립트 src=" jquery.form.js"></스크립트>

 

   <form method="post" enctype="multipart/form-data" action="savedata.php">

      <input type="text" name="name">

      <input type="file">

      <button type="button">전송</button>

  </form>

 

     $('button').click(function(){ 
    
       $('form').ajaxForm({
          beforeSubmit: function(){
             if(confirm('작성하신 사항을 저장합니다!')) {
               return true;
             } else {
               return false;
             }
        },

       url:"savedata.php",
       success:function(html) {
          var htmls = html.split("[:]");
          if(htmls[0] == "idcheck") {
              alert(htmls[1]);
          }

       },

       beforeSend:function(){ 
            $('.loading_box').removeClass('display-none'); 
       },
      complete:function(){
            $('.loading_box').addClass('display-none'); 
      }, 
         error:function() {
             alert('error');
          }
       }).submit();

 

 });

 

5. 단순히 form action 주소로 넘기고자하는 경우

    $('#form').attr('action','test.php').submit();