[jQuery] serialize() 데이터 전송하기

BruteForceA·2022년 3월 23일
2
post-custom-banner

serialize()

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>




serialize 미 사용시

<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>




serialize 사용시

$.ajax({
		url : "URL 주소",
		type : "post",
		data : $("#frm").serialize(),
		success : " ",
		error : function(){
			alert("Error!")
		}
	})

seirailze를 사용하면 훨씬 간단하게 받아올 수 있다는 장점이 있다.




참고

https://lookingfor.tistory.com/entry/JQuery-serialize

post-custom-banner

0개의 댓글