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

dsv421

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5276		자바스크립 시계 [한국시간 고정] [8]	오땡스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1331
5275		라라곤 6.0 데이타베이스 패스워드 설정하기 [1]	마젠토 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1401
5274	기타	특정 기기 접근 금지시키는 스크립트	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	815
5273	JavaScript	ThreeJS - 3D Bar and Progress Bar [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1045
5272	node.js	RAM점유크기에 의한 노드서버관리	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	743
5271	JavaScript	Javascript Undo, Redo 기능 구현하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1495
5270	PHP	PHP에서 다운로드로직을 구현할때 서버부하문제를 고려한 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	844
5269	node.js	nodejs서버가 사용중인 메모리에 대한 로그	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	680
5268	node.js	node.js에서 스케쥴링작성 [8]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1210
5267	PHP	파일의 MIME 타입을 얻기 위한 클래스 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1591
5266	MySQL	InnoDB와 MyISAM의 우단점	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1088
5265	PHP	코드이그나이터와 라라벨의 비교 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2029
5264	JavaScript	자바스크립트 기반으로 HTML Canvas에 이미지를 불러들여 테두리색입히기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	859
5263	기타	일반 tcp소켓과 웹소켓의 비교 [5]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2980
5262	기타	다중 소켓 포트와 한 개의 소켓 포트 비교	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	667
5261	node.js	tcp소켓과 websocket 의 비교 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1059
5260	JavaScript	JavaScript로 이미지의 부분 영역을 따내기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1508
5259	node.js	JWT란 무엇이며 nodejs에서 JWT를 구현하기 위한 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	730
5258	node.js	Node.js 코드를 실행 가능한 단일 실행 파일로 묶는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1743
5257	node.js	노드에서 이미지 자료를 웹소켓을 통해 클라이언트에 전송하고, 클라이언트에서는 웹소켓을 통해 이미지를 받아서 웹브라우저에 표시 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1292
5256	PHP	PHP를 사용하여 TCP 소켓 서버를 만드는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1938
5255	node.js	nodejs로 망기판을 선택하여 그 망기판으로 외부와 통신하는 코드 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	684
5254	PHP	PHP로 웹소켓서버를 생성하여 채팅기능 구현하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	3011
5253	node.js	Node.js로 지속적인 핑 결과를 파일로 저장	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	676
5252	정규표현식	특수문자 제거, 우리글짜가 있는지 체크	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	622
5251	node.js	Node.js에서 PDF 파일의 페이지 수를 얻기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	876
5250	PHP	PHP로 pdf의 페이지수를 얻기 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1110
5249	node.js	Node.js로 워터마킹 기능을 구현하는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1059
5248	PHP	PHP를 사용하여 이미지에 워터마크를 추가하는 방법 한가지	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1409
5247	node.js	NodeJS에서 image를 업로드 하면 그와 유사한 상품리스트 작성하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1014