d

ajax로 폼값 쉽게 넘기기 serialize()

· 2012-12-12 (수) 10:16:07 · 4403 · 3

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

댓글 3개

감사요
2012-12-14 (금) 00:52:18
감사합니다 ^^
euc-kr 일경우 한글이 깨질수 있으니 인코딩방식을 잘 확인해야합니다.
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
12-09-05 조회 4,946
12-08-31 조회 3,400
12-08-30 조회 4,249
12-08-22 조회 9,375
12-08-09 조회 3,083
12-08-02 조회 1,278
12-07-30 조회 1,692
12-07-15 조회 1,134
12-07-10 조회 1,135
12-07-06 조회 1,097
12-07-06 조회 974
12-07-03 조회 1,754
12-07-03 조회 1,195
12-07-02 조회 1,029
12-06-25 조회 1,674
12-06-20 조회 1,081
12-06-15 조회 1,457
12-06-14 조회 1,001
12-06-08 조회 1,715
12-06-07 조회 1,392
12-06-05 조회 3,322
12-06-05 조회 1,010
12-06-04 조회 1,511
12-06-01 조회 1,736
12-06-01 조회 2,401