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

dsv421

· 12년 전 · 조회 4105 4105 · 댓글 3 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개

sbsb

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

감사요

제이엠맘

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

감사합니다 ^^

시누이

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

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

게시판 목록

팁게시판

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

글쓰기

번호	제목	글쓴이	날짜	조회
6077	알고있으면 유용한 무료 디자인소스 사이트 #디자이너	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	190
6076	서버시간 알아내기 #개발자 #javascript	PlayPixel 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	204
6075	css 템플릿 사이트 #디자이너	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	201
6074	모바일 ui 사이트 [1] #디자이너	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	255
6073	swip 사용 안하고, touchstart, touchmove 사용하여 슬라이드 구현 #퍼블리셔 #기타	돼지코구뇽 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	222
6072	숫자를 한글표기로 바꾸기 입니다. #개발자 #php	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	379
6071	Android,IOS 앱용 아이콘 템플릿 참고 사이트 #개발자 #mobile	인덱스웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	302
6070	여러문장을 한번에 자동 줄바꿈 하기 입니다. #개발자 #php	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	336
6069	서버 동시접속자 설정 변경하기 #개발자 #웹서버	인덱스웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	302
6068	디렉토리의 모든 파일을 읽어 목록으로 만들기 입니다. #개발자 #php	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	255
6067	PHP 버전이 낮아 imagerotate() 함수가 없을때 대신 사용하는 함수 #개발자 #php	뿌하하 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	265
6066	간단하게 자동으로 테이블 너비 조정하기 입니다. [1] #개발자 #php	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	389
6065	문자열자르기 (문자별 다른 너비 해결) #개발자 #php	PASKRAN 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	273
6064	테이블 복사 쿼리 #개발자 #mysql	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	295
6063	많이들 사용하시는 Slider 에 대해서... [2] #퍼블리셔 #기타	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	376
6062	현재 접속중인 사용자 나타내기 #개발자 #php	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	342
6061	mysql select 후 update 하기 #개발자 #mysql	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	275
6060	다른 페이지로 이동하는 방법 3가지 입니다. #개발자 #php	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	332
6059	한글문자열 자르는 법 입니다. #개발자 #php	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	280
6058	mysql_query 전체 갯수 빨리 알아보기 입니다. #개발자 #php	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	279
6057	POST값 통째로 인코딩하기, 배열, iconv #개발자 #php	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	324
6056	이메일주소 검사하기 입니다. #개발자 #php	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	255
6055	php 확장자 내 맘대로 바꾸기 입니다. #개발자 #웹서버	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	313
6054	문자열을 한 문자씩 나누어 출력하기 입니다. #개발자 #php	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	293
6053	Node js 게시판 프로젝트 소개합니다. #개발자 #node.js	snshero 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	654