스크립트에 필수적으로 들어가야 하는 부분들 빠져있었음.
th:inl
//찜하기 function 찜 목록에 존재하는지 확인하는 ajax
$(document).ready(function () {
$.ajax({
type: "POST",
url: "/wishInquire",
data: {
"memberId": login,
"productCode": productCode
},
dataType: "json",
success: function (wishInquire) {
console.log(wishInquire);
wishButtonView = wishInquire.length;
console.log(wishButtonView);
wishCheck(wishButtonView);
}, error: function () {
}
})
function wishCheck(wishButtonView){
console.log(wishButtonView);
if (wishButtonView > 0) {
//찜에서 빼기 버튼 활성화
document.getElementById("wishRegistDiv").style.display="none";
} else {
document.getElementById("wishDeleteDiv").style.display="none";
//찜하기 버튼 활성화
}
}
});
//찜에서 빼기 ajax
$('#wishDelete').click(function () {
$.ajax({
type: "POST",
url: "/wishDelete",
data: {
"memberId": login,
"productCode": productCode
},
dataType: "json",
success: function () {
alert("빼기 성공")
}, error: function () {
alert("빼기 실패")
}
})
});
//찜에 넣기 ajax
$('#wishRegist').click(function () {
$.ajax({
type: "POST",
url: "/wishRegist",
data: {
"memberId": login,
"productCode": productCode
},
dataType: "json",
success: function () {
var result = confirm("상품이 담겼습니다. 장바구니로 가시겠습니까?")
if (result) {
loginId = login;
location.href = 'basketView?memberId=' + [loginId];
} else {
}
}, error: function () {
}
})})
위 코드를 짰을 때 리턴 값이 없어서 계속 success 또는 error를 불러오지 못했다.
DB에 값은 들어가는데 성공 또는 실패 값이 없었던 것
결국 INSERT에서 return 값을 주는 resultType를 쓸 수 없어서
bool타입 int 타입 다 시도를 해봤으나 구글에게 물어보니 답은 void 타입
순서대로 coltroller, serviceImpl, service,dao이다
dao에는 보이드 값을 주고
서비스에서 각 두 개의 보이드로 연결을 해 조회하는 mapper을 리턴 받았다.
이로서 리턴되는 값도 낭비하지 않고 이 상품이 찜에 들어있는지 재조회하는 값을 쓸 수 있다.
다음 숙제는 카카오 결제 api를 적용하는 것이다.
'하루정리' 카테고리의 다른 글
2022.07.13 팀 프로젝트 부트스트랩 적용 (0) | 2022.07.13 |
---|---|
2022.07.07 자바 프로젝트 진행중 배운것과 오류들 (0) | 2022.07.08 |
2020.06.21 자바 프로젝트 새로운 발견 (0) | 2022.06.21 |
2022.06.15 파이널 프로젝트 코딩 (0) | 2022.06.15 |
2022.06.15 파이널 프로젝트 코딩 시작 전 회의 때 정해진 테이블 (0) | 2022.06.15 |