본문 바로가기
Web/jQuery

[jQuery] form 객체 json 변환/ serializeArray()

by 나비와꽃기린 2016. 9. 20.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
<form name="frm_act_boardWrite" id="frm_act_boardWrite" method="post"  enctype="multipart/form-data" 
onsubmit="return uploadAttachedFile .submit(this, {'onComplete' : completeCallback})">
<input type="hidden" id="cmd" 			name="cmd" 			value="ins">
<input type="hidden" id="brd_type"		name="brd_type" 	value=""> 
<input type="hidden" id="brd_cd"		name="brd_cd"		value=""> 
<input type="hidden" id="add_usr_nm"	name="add_usr_nm" 	value="">
<input type="hidden" id="target_id[]"	name="target_id[]"	value="ALL">


위와 같이 form태그에 있는 객체들을 json형태로 보내고자 한다.

이럴 때 serializeArray()를 사용한다.


formsubmit하기전

var arr = $("#frm_act_boardWrite").serializeArray();

console.log("",arr);

을 찍어 확인해보았다.


arr = [
{name : ‘cmd’ , value : ‘111111111’},
{name : ‘brd_type’ , value : ‘22222222222’},
{name : ‘brd_cd’ , value : ‘3333333333’},
……
];

다음과 같이 Object형태의 배열로 변환이 되었음을 확인할 수 있다.