[Ajax] Form 데이터를 VO객체에 담아 보내기

9775 단어 ajaxajax
<script>
	//기본정보 수정버튼 클릭시 전송
	$("#updateBasicBtn").on("click", function(){
		//$("#updateBasicFrm").submit();
		//수정 전송
		$.ajax({
		    type: "POST",
		    url : "/cnpt/updateBasic", // Controller 경로
		    data : $("#updateBasicFrm").serialize(), // VO객체에 담아서 Controller로 보내기
		    contentType : "application/x-www-form-urlencoded; charset=utf-8", // POST일 때
		    dataType : "json",
		    success : function(data){
		    	console.log("data뭐노?" + data);
		    	var res = parseInt(data);
		    	
		        if(res > 0){
		        // Sweet Alert
		          Swal.fire({
			          icon:'success',
			          title:'성공데스까',
		       		}).then(function(){
		       			window.location.reload();
		       		})
		        }else{
		        	alert("업뎃안됨 와이라노");
		        }
				
		        
		    },
		    error : function(){
		        //Ajax 실패시
		    	Swal.fire({
			          icon:'error',
			          title:'에러데스까',
		       		}, function(){
		       			//새로고침
		       			window.location.reload();
		       			});
		    }
		});
	});
</script>    

기본 포맷

<script>
		$.ajax({
		    type: "POST",
		    url : "Controller 경로", 
		    data : $("#가져올 Form객체의 ID").serialize(), // VO객체에 담아서 Controller로 보내기
		    contentType : "application/x-www-form-urlencoded; charset=utf-8", // POST일 때
		    dataType : "json",
		    success : function(data){
            	성공했을 때 코드
		    },
		    error : function(){
		    }
		});
</script>   

좋은 웹페이지 즐겨찾기