JQuery serialize()

serialize은 직렬화를 뜻한다.

.serialize()는 form을 대상으로 폼의 객체들을 한 번에 받아들일 수 있는 메소드이다. form에 있는 value들이 직렬화가 되어, 나열된다.

$("input, textarea, select").serialize();

$("form").on("submit", function (event) {
  event.preventDefault();
  console.log($(this).serialize());
});

결과 예시
--> single=Single&multiple=Multiple&multiple=Multiple3&check=check2&radio=radio2

ajax에서 data 값을 세팅할 때 사용하면, 해당 form의 모든 값을 쉽게 호출할 수 있다.

실무에서 실제로 검색할때 사용한, ajax를 통해 검색한 value를 호출할때 사용했던 코드다.

// ajax를 활용한 실습 코드
$('#btnSearch_2').click(function () {
  $.ajax({
      url : "/admin/member/management",
      method :"POST",
      data : $("form[id=account_search]").serialize(),
      success : function(result){
          grid.resetData(result);
      }
  });
})

해당 코드는 grid가 가지고 있는 데이터 cell을 검색할때, form에 있는 value값을 토대로 가져온다.(serialize)

소스코드