JS Library/jQuery

.serialize() / .serializeArray()

원2 2022. 3. 18. 16:46
728x90
반응형

 

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

 

보통 form 에서 submit을 해줘도 되지만, 이런 방법도 있다.

 

아래는 기본

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

 


 

아래 처럼만 해줘도 해당 폼의 name 과 value를 가져와준다..

let testData = $("form#testForm").serializeArray();
let testData11 = $("form#testForm").serialize();

이렇게 하고 ajax를 사용하여 요청!


그러면 아래처럼... 보내준다.

 

 

너무 사랑스럽고..ㅎ

 

https://api.jquery.com/serialize/

 

.serialize() | jQuery API Documentation

Description: Encode a set of form elements as a string for submission. The .serialize() method creates a text string in standard URL-encoded notation. It can act on a jQuery object that has selected individual form controls, such as , , and : $( "input, te

api.jquery.com

 

728x90
반응형

'JS Library > jQuery' 카테고리의 다른 글

html() vs text()  (0) 2022.05.17
onclick 변경  (0) 2022.05.10
.prop()  (0) 2022.04.04
radio 선택을 안했을 때  (0) 2022.03.18
ajax 요청 기본  (0) 2021.12.01
특정 값을 웹에서 찾을 때  (0) 2021.11.30