728x90
* 최저가를 변경하는 API 완성하기
힌트)
- basic.js > setMyprice 완성
- ProductRestController.java > @PutMapping, ProductMypriceRequestDto 활용하기
/*basic.js*/
function setMyprice() {
/**
* 숙제! myprice 값 설정하기.
*/
//1. id가 myprice 인 input 태그에서 값을 가져온다.
let myprice = $("#myprice").val();
//2. 만약 값을 입력하지 않았으면 alert를 띄우고 중단한다.
if(myprice == "") {
alert("가격을 설정하지 않았습니다.");
return ;
}
//3. PUT /api/product/${targetId} 에 data를 전달한다.
$.ajax({
type: "PUT",
url: `/api/products/${targetId}`,
contentType: "application/json",
data: JSON.stringify({"myprice": myprice}),
success: function (response) {
//4. 모달을 종료한다.
$('#container').removeClass('active');
//5, 성공적으로 등록되었음을 알리는 alert를 띄운다.
alert("성공적으로 등록되었습니다.");
//6. 창을 새로고침한다.
window.location.reload();
}
});
}
/*ProductRestController.java*/
package com.sparta.week04.controller;
...
@RequiredArgsConstructor
@RestController
public class ProductRestController {
...
@PutMapping("/api/products/{id}")
public Long updateProduct(@PathVariable Long id,
@RequestBody ProductMypriceRequestDto requestDto) {
return productService.update(id, requestDto);
}
}
'Spring Framework' 카테고리의 다른 글
프로젝트 배포하기 (0) | 2021.08.04 |
---|---|
나만의셀렉샵) OG 태그 작업하기 (0) | 2021.08.03 |
나만의셀렉샵) 스케줄러 만들기 (0) | 2021.08.02 |
나만의셀렉샵) 관심 상품 보여주기 (0) | 2021.08.01 |
나만의셀렉샵) 관심 상품 등록하기 (0) | 2021.08.01 |