From b27d0de413b545d559cd6b8acee872fa8dce9061 Mon Sep 17 00:00:00 2001
From: daniel LEE <leejk0523@gmail.com>
Date: Thu, 9 Nov 2023 17:28:52 +0900
Subject: [PATCH] =?UTF-8?q?FormData=20=EA=B5=AC=EC=A1=B0=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/views/add.jsp | 45 +++++++++++----------------
 1 file changed, 19 insertions(+), 26 deletions(-)
diff --git a/src/main/webapp/WEB-INF/views/add.jsp b/src/main/webapp/WEB-INF/views/add.jsp
index 9349b59..cad01af 100644
--- a/src/main/webapp/WEB-INF/views/add.jsp
+++ b/src/main/webapp/WEB-INF/views/add.jsp
@@ -11,14 +11,8 @@
     <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>    
 	<script>
 		$(document).ready(function() {
-			$('#add').on('click', function() {
-				
-			    var formData = new FormData(); 
-				formData.append("name", $('#name').val());
-				formData.append("phone", $('#phone').val()); 
-				formData.append("address", $('#address').val());				
-				formData.append("upfile", $("input[name='upfile']")[0].files[0]);				
-				
+			$('#add').on('click', function() {				
+				var formData = new FormData($('#formAdd')[0]);				
 				for (var pair of formData.entries()) {
                 console.log(pair[0]+ ', ' + pair[1]); 
             }			
@@ -29,24 +23,18 @@
 					contentType: false,  
 					processData: false,
 					
-		            success: function(data){		                
+					success: function(data, jqXHR, textStatus) {		              		                
 		            	alert("신규등록 OK");
 		            },
-		            error: function(error, status, msg) {
+		            error: function(jqXHR, textStatus, error) {
 		            	alert("Error " + msg);  
 		            }
 		        });
 		    });
 			
 			//
-			$('#edit').on('click', function() {
-				
-			    var formData = new FormData(); 
-				formData.append("name", $('#ename').val());
-				formData.append("phone", $('#ephone').val()); 
-				formData.append("address", $('#eaddress').val());				
-				formData.append("upfile", $("input[name='eupfile']")[0].files[0]);
-				
+			$('#edit').on('click', function() {				
+				var formData = new FormData($('#formEdit')[0]);
 				for (var pair of formData.entries()) {
                 console.log(pair[0]+ ', ' + pair[1]); 
             }			
@@ -57,11 +45,11 @@
 					contentType: false,  
 					processData: false,
 					
-		            success: function(data){		                
+		            success: function(data, jqXHR, textStatus) {		                
 		            	alert("수정등록 OK");
 		            },
-		            error: function(error, status, msg) {
-		            	alert("Error " + msg);  
+		            error: function(jqXHR, textStatus, error) {
+		            	alert("Error " + error);  
 		            }
 		        });
 		    });
@@ -72,20 +60,25 @@
 </head>
 <body>
 
+		<form id="formAdd">
 	    제품Id  <input type="text" id="id" name="id" value=""/><br>
 	   	제품명  <input type="text" id="name" name="name" value=""/><br>
 	   	가격  <input type="text"  id="phone" name="phone" value=""/><br>
 	   	별  <input type="text"  id="address" name="address" value=""/><br>
 	  	이미지 <input type="file" id="upfile" name="upfile">
   		<button  id="add" type="button">Submit</button>
+  		</form>  		
+  		
   		<br><br><br><br><br><br>
   		
-  		제품Id  <input type="text" id="eid" name="eid" value=""/><br>
-  		제품명  <input type="text" id="ename" name="ename" value=""/><br>
-	   	가격  <input type="text"  id="ephone" name="ephone" value=""/><br>
-	   	별  <input type="text"  id="eaddress" name="eaddress"  value=""/><br>
-	  	이미지 <input type="file" id="eupfile" name="eupfile">
+  		<form id="formEdit">
+  		제품Id  <input type="text" id="eid" name="id" value=""/><br>
+  		제품명  <input type="text" id="ename" name="name" value=""/><br>
+	   	가격  <input type="text"  id="ephone" name="phone" value=""/><br>
+	   	별  <input type="text"  id="eaddress" name="address"  value=""/><br>
+	  	이미지 <input type="file" id="eupfile" name="upfile">
   		<button  id="edit" type="button">Submit</button>
+	    </form>
 
 </body>
 
