[javascript] <form> tag to Javascript Object & JSON

Javascript에서 Json 직렬화할때 사용된 라이브러리이다. 

<form:form id="testForm">
    <input name="test[a]" value="1"/>
    <input name="test[b]" value="2"/>
    <input name="test[c]" value="3"/>
      ......
 
<form:form >

.serializeJSON(); JSON 으로 직렬화

위 form 을 Json format으로 직렬화 하면

$('form#testForm').serializeJSON();

다음과 같은 포멧으로 직렬화 된다

{"test":{ "a":"1", "b":"2", "c":"3", } }

.serializeObject(); Javascript Object로 직렬화

$('form#contact').serializeObject();

result

{test:{ a:"1", b:"2", c:"3", } }

위 라이브러리를 사용하기위해서 아래 git에서 js 파일을 다운로드 한다. 

https://github.com/macek/jquery-serialize-object

1. 프로젝트 내에 js 디렉토리에 serialize 관련 js 파일 추가

2. script 에 해당 js 파일 경로를 지정해준다.

Reference 

https://github.com/macek/jquery-serialize-object

http://kingbbode.tistory.com/28