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

dsv421

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

글쓰기

번호	제목	글쓴이	날짜	조회
4977	팁은 아닌데 그냥 제가 자주쓰는 버튼 css [5] #퍼블리셔 #css	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3524
4976	서버의 php버전이 낮아서 json_encode() 함수가 안될때 사용하는 함수 [2] #개발자 #php	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2308
4975	모바일웹 이미지맵 사용 소스 [3] #개발자 #javascript	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	8240
4974	[복사하기] 버튼 자료~ #개발자 #javascript	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	955
4973	html / css 버튼 만들어 주는 사이트. 자주 활용합니다^^; 편리성 [8] #퍼블리셔 #웹접근성	돼지코구뇽 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	16772
4972	php 동영상 강좌 [4] #개발자 #php	서기 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	6199
4971	array toggle #개발자 #jquery	개판 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	694
4970	Linux 네트워크 트래픽 확인 iftop [1] #개발자 #os	daro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3655
4969	IE6 PNG 초 간단하게 적용 [3] #퍼블리셔 #html	daro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2123
4968	HTML5 placeholder 사용하기 [1] #퍼블리셔 #html	daro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	4360
4967	iptables UDP IP 차단 [1] #개발자 #os	daro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3064
4966	nginx 413 Request Entity Too Large 파일 업로드시 해당 오류뜰경우 #개발자 #웹서버	daro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	4254
4965	php array_map() 함수를 대체하기 위해 만든 함수 #개발자 #php	편리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2066
4964	이미지 저작권 질문.. [2] #디자이너	싸이더 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	4641
4963	PHP Mcrypt on CentOS 6 #개발자 #os	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2069
4962	리눅스 CENT OS 비트(bit) 확인하기 #개발자 #os	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	4995
4961	참고사이트 모음 [5] #개발자 #jquery	dsv421 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1276
4960	ajax로 폼값 쉽게 넘기기 serialize() [3] 현재 보는 글 #개발자 #jquery	dsv421 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	4104
4959	기초적이지만 자주 쓰이는 Jquery 팁 20가지 [7] #개발자 #jquery	dsv421 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	5637
4958	제가 사용하는 CSS RESET (초기화) [3] #퍼블리셔 #css	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2529
4957	<img> 태그 올 바르게 사용하기. [8] #퍼블리셔 #html	daro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2325
4956	간단하게 파일을 쓰거나 읽는 함수입니다. [2] #개발자 #php	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	782
4955	간단하게 파일을 쓰거나 읽는 함수입니다. [3] #개발자 #php	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	727
4954	아파치 로그를 분석하여 특정 아이피가 몇번 접속 했는지 알아내는 스크립트 [1] #개발자 #os	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3189
4953	파일 목록의 합계 구하기 [1] #개발자 #os	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1636