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

dsv421

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5246	node.js	노드로 멀티스레드 기능 구현하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1100
5245	PHP	PHP에서 대량의 푸시 메시지를 보내기 위한 팁 [5]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2522
5244	PHP	PHP로 인쇄명령주기 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1282
5243	JavaScript	Javascript로 JSON데이터를 보기좋게 만들기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	682
5242	node.js	NodeJS에서 콘솔명령 실행하고 그 리턴값을 파일로 저장하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	664
5241	node.js	NodeJS CORS (Cross-Origin Resource Sharing) 허용하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	773
5240	MySQL	MySQL과 PostgreSQL의 우단점	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	799
5239	MySQL	프로시저 cursor 사용 예	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	774
5238	JavaScript	바닐라 ajax 파일업로드 예제	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	976
5237	웹서버	PHP에서 CORS (Cross-Origin Resource Sharing) 허용하기 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	3983
5236	PHP	PHP로 AES-256-GCM 복호화	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	897
5235	PHP	PHP와 NodeJS의 강점 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1375
5234	기타	트래픽 로그(실시간?) 그래프로 보기?	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	749
5233	jQuery	jquery datepicker 선택한 날짜의 요일을 얻기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2030
5232		크롤러 *업데이트	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	612
5231		게시글 본문에서 qr코드 출력 (gpt) [3]	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1164
5230		웹사이트 크롤러 [4]	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1067
5229	PHP	PHP에서 가상 게이트웨이를 구현하여 패킷 라우팅 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1018
5228	MySQL	프로시저 기본편	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	719
5227	PHP	PHP에서 특정 네트워크 인터페이스(망카드)를 선택하여 통신 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	833
5226	PHP	PHP로 웹소켓서버를 창조하는 방법 한가지 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1807
5225	PHP	MSSQL서버에 접속하지 못할때	슈퍼디브 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	574
5224	node.js	NodeJS로 ffmpeg 사용하여 rtsp 데이터를 websocket 으로 방송하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	4077
5223	PHP	PHP로 백그라운드 서비스를 실행하는 방법 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1314
5222	기타	이전글,다음글 기능이 안되는 경우	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	556
5221	PHP	아파치, PHP에서 MSSQL 리용할때	슈퍼디브 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	647
5220		MVC구조의 PHP프레임워크들이 꼭 사용하는 spl_autoload_register() [4]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	901
5219		mp4 미디어바 중앙정렬 [8]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	874
5218		Laravel에서 php artisan migrate --seed 실행시 "Specified key was too long error" 오류발생 [1]	슈퍼디브 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	520
5217		상단으로 를 상하 이동 및 퍼센트 표시 하기 [6]	들레아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	994