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

dsv421

· 12년 전 · 조회 4117 4117 · 댓글 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에서 해주시기 바랍니다.

글쓰기

번호	제목	글쓴이	날짜	조회
4902	제이쿼리 이미지 메뉴 [8] #개발자 #jquery	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3561
4901	object 태그 질문 드ㅡ립니다 [2] #퍼블리셔 #html	후라보노보노 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2182
4900	엑셀.,견적서.., [13] #기획자 #견적서	울랄라커뮤니케이션스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4135
4899	[Linux] 폴더별 용량 확인 [3] #개발자 #웹서버	울랄라커뮤니케이션스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3381
4898	IIS7 + FastCGI + PHP + MySQL 설치 방법 #개발자 #웹서버	울랄라커뮤니케이션스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4912
4897	SIR 2012년 9월 운영체제, 해상도별 방문율 [2] #기획자 #통계	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2697
4896	SIR 2012년 9월 브라우저별 방문율 [3] #기획자 #통계	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2171
4895	유니클로 슬라이드 간략버전 [7] #개발자 #jquery	gilynh 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2502
4894	mysql 성능향상을 위한 팁.. [6] #개발자 #mysql	울랄라커뮤니케이션스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2840
4893	조건문을 정확하게 써라 [10] #개발자 #mysql	말러83 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1480
4892	[HTML5] classList api 클래스 변경 api [1] #퍼블리셔 #html	다프린 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1911
4891	여러개의 라디오버튼 모든 버튼 필수 입력 제이쿼리형 #개발자 #javascript	hy미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1931
4890	CentOS6.3 + httpd2.4.3 + mysql5.5.28 + php 5.3.17 [8] #개발자 #웹서버	亞波治 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	6114
4889	필요에 따라 자스/css 불러왔다 내보내기 [3] #퍼블리셔 #기타	Maximus 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1571
4888	리눅스 쉘 상에서 파일 인코딩 [1] #개발자 #기타	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1398
4887	bootstrap css 프레임웍 [1] #개발자 #기타	K찰스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1780
4886	체크박스 다중선택시 제한 걸기 (3개이상 선택시 애러메시지 출력) #개발자 #javascript	AKASIA 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2250
4885	깔끔한 코딩을 위한~ "제어 구조의 대체 문법" [11] #개발자 #php	켈리얀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1585
4884	가상클래스 순서 외우기 [3] #퍼블리셔 #css	모노폴리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1912
4883	넌 이제 오빠꺼야, embed 동영상 위의 div 표시문제 [8] #퍼블리셔 #html	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3306
4882	반응형웹 패턴/리소스/뉴스 [4] #퍼블리셔 #반응형	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3582
4881	CSS에 attr 함수에 대해 [3] #퍼블리셔 #css	다프린 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1950
4880	오랜만에 테이블로 레이아웃을 잡으니 #퍼블리셔	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	702
4879	자바스크립트 함수모음!!! [8] #개발자 #javascript	유보 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	5868
4878	mysql 문제 .... 도와주세요 ㅜ.ㅜ [2] #개발자 #mysql	Giggle 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1713