UIX

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

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();
});

​ 동작예제를 참고

blog comments powered by Disqus

Published

14 June 2012

Tags