JQuery serialize( ), serializeArray( ), serializeObject( ) 사용법

방지환·2024년 5월 15일
0

Jquery

목록 보기
1/2
  • serialize

    JQuery에서 제공하는 기능인 serialize 메서드는 태그 내부의 값을 name=value으로 변경하면서 쿼리 스트링을 만들어준다.
    var form = $("#form").serialize();
    console.log(form); //name=Bang&age=20
    
    form += "&juso="+$("#juso").val();
    console.log(form); //name=Bang&age=20&juso=대전

  • serializeArray

    태그 내부의 값을 JSON 형태의 문자열을 배열로 리턴한다.
    var form = $("#form").serializeArray();
    
    console.log(form);
    // [{"name":"name","value":"Bang"},{"name":"age","value":"20"}]

  • SerializeObject

    태그 내부의 값을 JSON 형태의 객체로 리턴한다.
    $.fn.serializeObject = function() {
      "use strict"
      var result = {}
      var extend = function(i, element) {
        var node = result[element.name]
        if ("undefined" !== typeof node && node !== null) {
          if ($.isArray(node)) {
            node.push(element.value)
          } else {
            result[element.name] = [node, element.value]
          }
        } else {
          result[element.name] = element.value
        }
      }
    
      $.each(this.serializeArray(), extend)
      return result
    }//추가
    
    var form = $("#form").serializeObject();
    console.log(form);

0개의 댓글