form serialize

form태그로 감싸져있는 데이터들을 전송할때,

$('#form').serialize();  를 사용하면 일일이 url뒤에 ?key=value&key=value 이런식으로 만들어주지 않아도 된다.

serialize()가 자동으로 생성해줌.

 

※ form태그 내의 데이터중 전송하고 싶지 않은 데이터가 있을 경우.

<input type="checkbox" name="rating" value="5" />

<input type="checkbox" name="point" value="" />

 

위의 rating, point를 전송하고 싶지 않을 경우. 아래와 같이 사용

location.href = "/board?" + $('#form :not(input[name="rating"],input[name="point"])').serialize();

 

 

serialize 예제

<form id="frm">
  <input type="text" id="name" />
  <input type="text" id="email" />
  <input type="text" id="tel" />
</form>  


//serialize 사용X 
<script>
$.ajax({
	type : "POST",
	url : url,
	data : {
    	name: $('#name').val(),
		email: $('#email').val(),
        tel: $('#tel').val()
    },
	dataType: "json"
});    
</script>

//serialize 사용O
<script>
$.ajax({
	type : "POST",
	url : url,
	data : $('#frm').serialize(),
	dataType: "json"
});    
</script>