d

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

댓글 3개

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

개발자팁

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
jQuery 13년 전 조회 9,972
웹서버 13년 전 조회 4,869
PHP 13년 전 조회 4,893
JavaScript 13년 전 조회 1.7만
JavaScript 13년 전 조회 2,357
PHP 13년 전 조회 8,902
jQuery 13년 전 조회 2,462
OS 13년 전 조회 5,639
OS 13년 전 조회 6,888
웹서버 13년 전 조회 7,533
PHP 13년 전 조회 4,349
OS 13년 전 조회 4,194
OS 13년 전 조회 8,132
jQuery 13년 전 조회 3,293
jQuery 13년 전 조회 7,194
jQuery 13년 전 조회 9,088
PHP 13년 전 조회 2,023
PHP 13년 전 조회 2,112
OS 13년 전 조회 5,747
OS 13년 전 조회 3,630
JavaScript 13년 전 조회 2,698
jQuery 13년 전 조회 5,560
OS 13년 전 조회 3,270
OS 13년 전 조회 2,837
MySQL 13년 전 조회 6,664
JavaScript 13년 전 조회 2,784
jQuery 13년 전 조회 6,110
PHP 13년 전 조회 2,244
MySQL 13년 전 조회 2,213
Mobile 13년 전 조회 1.9만
🐛 버그신고