[jQuery] jQuery.serializeObject 만들기

JavaScript/jQuery 2013. 10. 15. 11:00 
    $.fn.serializeObject = function() {
        var o = {};
        var a = this.serializeArray();
        $.each(a, function() {
            if ( o[this.name] ) {
                if ( !o[this.name].push ) {
                    o[this.name] = [o[this.name]];
                }
                o[this.name].push(this.value || '');
            } else {
                o[this.name] = this.value || '';
            }
        });
        return o;
    };
저작자표시 비영리 변경금지

'JavaScript > jQuery' 카테고리의 다른 글

[jQuery] jQuery-File-Upload  (0) 2014.05.06
[jQuery] jQuery Form validator  (0) 2013.11.18
[jQuery] DataTables (table plug-in)  (0) 2013.01.02
[jQuery] jQuery, attr(), the selected property, IE6 bug  (0) 2012.12.06
[jQuery] jQuery 구 버전 다운받기  (0) 2012.12.06
posted by 뚱2
,

[jQuery] jQuery.serializeObject() ( 폼 객체를 json 형태로 만들기 )

JavaScript/jQuery 2011. 12. 19. 10:18
jQuery의 serializeArray를 이용한다.


<form id="listForm" name="listForm">
    <input name="test_01" value="1" type="hidden">
    <input name="test_02" value="2" type="hidden">
    <input name="test_03" value="3" type="hidden">
</form>

위의 폼을 var arr = $("#listForm").serializeArray()를 호출하면 
// 아래와 같은 arr의 형태로 생성된다.
arr = [
    {name : 'test_01', value : '1'}
   ,{name : 'test_02', value : '2'}
   ,{name : 'test_03', value : '3'}
];

그래서 위의 serializeArray 메소드를 이용해서 json형태로 만들어준다.
/**
 * jqGrid
 * desc   : form의 데이터를 json 형태로 변환해 준다.
 * return : 성공시에는 객체(JSON)을 리턴한다. 실패시에는 null을 리턴한다.
 */
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;
};



저작자표시

'JavaScript > jQuery' 카테고리의 다른 글

[jQuery] jQuery Number formatter plugin  (0) 2012.01.30
[jQuery] $.ajax json type으로 보내기  (0) 2011.12.19
[jQuery] jQuery 항상 최신버전으로 유지 하는 방법  (0) 2011.12.17
[jQuery] find, filter, children  (0) 2011.12.08
[jQuery] select box 추가 선택 삭제  (2) 2011.10.27
posted by 뚱2
,

티스토리툴바