테스트 사이트 - 개발 중인 베타 버전입니다

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

· 12년 전 · 4095 · 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개

감사요
12년 전
감사합니다 ^^
euc-kr 일경우 한글이 깨질수 있으니 인코딩방식을 잘 확인해야합니다.

게시글 목록

번호 제목
20014
10421
10417
20006
20003
10410
10407
10392
10389
10380
10378
17596
10371
19995
10369
10366
10364
10363
10361
10357
10352
19990
10349
10343
10340