[JavaScript] jQuery serialize() 사용방법

 

serialize() 메서드는 jQuery에서 제공하는 폼 데이터를 간편하게 문자열로 변환하는 기능이다.

jQuery Ajax 에서 간편한 폼 데이터 전송이 가능해진다.

데이터를 간편하게 문자열로 변환하여 Ajax 요청의 data 속성에 넣을 수 있다.

 

사용방법

$('from id 혹은 name').serialize()

 

예시

// 사용 시
$.ajax({
    url: '서버 URL',
    type: 'POST',
    data: $('#myForm').serialize(),
    success: function(response) {
        // 성공 시 실행할 코드
    },
    error: function(xhr, status, error) {
        // 실패 시 실행할 코드
    }
});


// HTML 폼 요소
<form id="myForm">
    <input type="text" name="username" value="john_doe" />
    <input type="password" name="password" value="secure123" />
</form>

// 미사용 시
$.ajax({
    url: '서버 URL',
    type: 'POST',
    data: {
        username: $('#username').val(),
        password: $('#password').val(),
        // 다른 필드들도 추가
    },
    success: function(response) {
        // 성공 시 실행할 코드
    },
    error: function(xhr, status, error) {
        // 실패 시 실행할 코드
    }
});


// HTML 폼 요소
<form id="myForm">
    <input type="text" name="username" value="john_doe" />
    <input type="password" name="password" value="secure123" />
</form>