Web/jQuery
[jQuery] form 객체 json 변환/ serializeArray()
나비와꽃기린
2016. 9. 20. 13:43
<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()를 사용한다.
form을 submit하기전
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형태의 배열로 변환이 되었음을 확인할 수 있다.