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

View File

@ -12,13 +12,7 @@
<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]);
var formData = new FormData($('#formAdd')[0]);
for (var pair of formData.entries()) {
console.log(pair[0]+ ', ' + pair[1]);
}
@ -29,10 +23,10 @@
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);
}
});
@ -40,13 +34,7 @@
//
$('#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]);
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>