본문 바로가기
jquery

JQuery_serialize(직렬화)

by 신방동불주먹 2022. 11. 22.

- form 안의 값들을 한 번에 전송 가능한 data로 만들 수 있음

- 많은 양의 data를 보낼 때 유용

 

<script type="text/javascript">
$(function(){
	
		$('#buttonSubmit').on("click",function(){
			$.ajax({
				url:'./ajaxServer4.jsp',
				type:'post',
				data:$("#theForm").serialize(), //{name:name,ph_number:ph_number}
				dataType:'json',
				success:function(res){
					alert("성공");
				},
				error:function(err){
					alert("실패 원인" + err);
				}
			
			});			
		
		});	
});


</script>

 

 

 

 

 

 

https://api.jquery.com/serialize/

 

.serialize() | jQuery API Documentation

Description: Encode a set of form elements as a string for submission. The .serialize() method creates a text string in standard URL-encoded notation. It can act on a jQuery object that has selected individual form controls, such as , , and : $( "input, te

api.jquery.com

 

 

'jquery' 카테고리의 다른 글

Ajax 호출 결과로 DOM을 조작하는 방법  (0) 2023.02.28
JQuery_객체조작  (0) 2022.11.21
JQuery_속성 탐색 선택자  (0) 2022.11.21
ajax / json  (0) 2022.11.21
JQuery_배열 관련 메서드  (0) 2022.11.21