jQuery 팁2 - ajax로 폼값 쉽게 넘기기 serialize()

http://uixkr.github.io/archives/1007/

serialize()는 form요소들의 값을 한번에 url parameter형식으로 변환

ajax형태의 submit등에서 유용

html 코드

<div id="debug"></div>
<form id="wform">
    id : <input type="text" name="id" value="aji" > <br>

    sex :<input type="radio" name="sex" value="m" checked >
    <input type="radio" name="sex" value="f" > <br>

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

​ js 코드

$('#wform').submit(function(evemt){

    $('#debug').html( $('#wform').serialize() );

    //ajax 구현


    event.preventDefault();
});

​ 동작예제를 참고

---

http://brain.payzip.co.kr/2011/12/02/jquery-ajax-%ED%8F%BC-%EC%89%BD%EA%B2%8C%ED%95%98%EA%B8%B0-serialize/

jQuery : Ajax 폼 쉽게하기 .serialize()

• Dec 2nd. 2011
 
• Posted in jQuery
 
• By bandai
 
• Write comment

jquery에서 ajax 의 기본 format 은

  $.ajax({   
   type: "POST",  
   url: "~~~.html",   
   data: "a=xxx&b=yyyy",   //&a=xxx 식으로 뒤에 더 붙이면 됨
    success: adminViewProc
    //callback 함수
    }
  );

형식으로 사용하는 것이다.

그런데 form을 전송하려면 어떻게 해야 하냐하면

function userViewSub(){
  
  var string = $("form[name=userViewFrm]").serialize();
  
  $.ajax({   
   type: "POST",  
   url: "userViewProc.jsp",   
   data: string,   //&a=xxx 식으로 나옴
   success: adminViewProc
    }
  );
}

이렇게 사용하면 string 에 userViewFrm의 파라미터가
a=xxx&b=yyyy 형식으로 나오게 된다.
출처 : http://shonm.tistory.com/category/JQUERY/jquery%20form%20%EC%A0%84%EC%86%A1
sd