language/jquery
jquery form serialize 를 이용하여 json으로 만들기
CofS
2016. 4. 15. 12:53
jquery 에서 form serialize를 이용하여 json 을 만들수 있습니다.
먼저 serialize 에 대해서 간단히 설명하겠습니다.
serialize 함수는 2개가 있습니다.
첫번째로 serialize() 입니다.
URL-encoded 표기법으로 form 의 객체들을 텍스트화 하고 그 결과를 return 합니다.
형식은 inputName=inputValue&inputName2=inputValue2 입니다.
두번쨰로 serializeArray() 입니다.
Json 문자열 형태의 배열을 return 합니다.
형식은 [{name:"name",valeu:"valeu"},{name:"name2",value:"value2"}] 입니다.
지금 만들 형식은 { inputName:"inputVlaue", inputName2:"inputValue2" } 와 같은 Json 형태입니다.
jquery import는 필수이겠죠??
javascript 에서 다음과 같이 선언합니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 |
jQuery.fn.serializeObject = function() {
var obj = null;
try {
if (this[0].tagName && this[0].tagName.toUpperCase() == "FORM") {
var arr = this.serializeArray();
if (arr) {
obj = {};
jQuery.each(arr, function() {
obj[this.name] = this.value;
});
}//if ( arr ) {
}
} catch (e) {
alert(e.message);
} finally {
}
return obj;
}; |
cs |
사용방법은 다음과 같습니다.
1 |
$("#WRITE_FORM").serializeObject(); |
cs |
끝 ~~~~~~~