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



끝 ~~~~~~~