ajax 를 사용하기위해서 form 안에 있는 값들을 하나하나 전송 했었다.
그런데 하나하나 하다보니 귀찮음이 있었는데
serialize()를 사용하면 form안에 데이터들을 한번에 보내줄 수 있다.
보내줄 데이터가 많을수록 더 편하다고 느낄 것 이다.
form 에 id='frm' 이라고 지정했을 경우 밑 형식처럼 사용하면 된다.
$("frm").serialize()
<form id="frm">
<input type="hidden" id="A" value="a"/>
<input type="hidden" id="B" value="b"/>
<input type="hidden" id="C" value="c"/>
</form>
<script>
var A=$('#A').val()
var B=$('#B').val()
var C=$('#C').val()
$.ajax({
url : "URL 주소",
type : "post",
data : {"A":A, "B":B, "C":C},
success : " ",
error : function(){
alert("Error!")
}
})
</script>
$.ajax({
url : "URL 주소",
type : "post",
data : $("#frm").serialize(),
success : " ",
error : function(){
alert("Error!")
}
})
seirailze를 사용하면 훨씬 간단하게 받아올 수 있다는 장점이 있다.