jQuery는 ajax()_jquery를 기반으로 양식 데이터를 제출하기 위해 serialize()를 사용합니다.

이 기사의 예에서는 jQuery가 serialize()를 사용하여 ajax() 기반 양식 데이터를 제출하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

jQuery의 serialize() 메서드는 양식 값을 직렬화하여 URL 인코딩된 텍스트 문자열을 생성합니다. 다음과 같이 하나 이상의 양식 요소를 선택하거나 양식을 직접 선택하여 직렬화할 수 있습니다.

<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>
<script>
$(document).ready(function(){
 console.log($("form").serialize());
 // FirstName=Bill&LastName=Gates
});
</script>

이런 식으로 직렬화된 값을 ajax()에 URL의 매개변수로 전달할 수 있으며, 양식에 있는 값을 하나씩 가져와 전달하는 대신 쉽게 ajax()를 사용하여 양식을 제출할 수 있습니다. 예를 들면 다음과 같습니다.

$.ajax({
 type: 'post',
 url: 'your url',
 data: $("form").serialize(),
 success: function(data) {
  // your code
 }
});

$.post(), $.get() 및 $.getJSON()을 사용할 때도 마찬가지입니다.

$.post('your url', $("form").serialize(), function(data) {
  // your code
 }
});
$.get('your url', $("form").serialize(), function(data) {
  // your code
 }
});
$.getJSON('your url', $("form").serialize(), function(data) {
  // your code
 }
});

이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.