leejk0523
/
api.springboot.mybatis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

FormData 구조 수정

This commit is contained in:
daniel LEE 2023-11-09 17:28:52 +09:00
parent 5eb26e1cc0
commit b27d0de413
1 changed files with 19 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/main/webapp/WEB-INF/views/add.jsp
View File

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