Javascript

[jQuery] form .serialize(), 표준 URL 인코딩 표기법으로 텍스트 문자열을 생성

코딩하는 박줄기 2022. 5. 19. 22:00
728x90
반응형

.serialize() 메서드는 표준 URL 인코딩 표기법으로 텍스트 문자열을 생성합니다.

 

<input>, <textarea> 및 <select>와 같은 개별 양식 컨트롤을 선택한 후 jQuery 객체에서 작동할 수 있습니다.

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


일반적으로 직렬화를 위해 <form> 자체를 선택하는 것이 더 쉽습니다.

 

사용법

  A. ajax 사용 form 데이터 

<html>
 <head>
  <script type="text/javascript">
    $.ajax({
    type: 'post',
    url: '@Url.Action("Main", "Home")',
    // data: { uid: 'jinwoo', pwd: '123' },
    data: $('form').serialize(),
    async: false,
    dataType: 'Json',
    success: function (data) {}
    });
   </script>
  </head>
</html>

// $('form').serialize() == 'userId=jinwoo&password=123'

 

  B. ajax 사용 form 데이터

<html>
 <head>
  <script type="text/javascript">
    //$.post("@Url.Action("Main", "Home")", { uid: 'jinwoo', pwd: '123' }, function (data) {}
    $.post("@Url.Action("Main", "Home")", $('form').serialize(), function (data) {}
   </script>
  </head>
</html>

// $('form').serialize() == 'userId=jinwoo&password=123'

 

주의사항

 

  • 직렬화된 문자열에 양식 요소의 값이 포함되려면 요소에 이름 속성이 있어야 합니다. 
  • 체크박스와 라디오 버튼의 값은 체크된 경우에만 포함됩니다. 
  • 파일 선택 요소의 데이터는 직렬화되지 않습니다.

 

참고

 

728x90
반응형