구독 정보 뷰 랜더링
구독하기 버튼을 누르면 구독이 취소되고 구독하게 만들거다.
profile.jsp 에서 구독관련 버튼을 보면은
해당 클릭 함수가 있는 js로 간다.
profile.js
// (1) 유저 프로파일 페이지 구독하기, 구독취소
function toggleSubscribe(obj) {
if ($(obj).text() === "구독취소") {
$(obj).text("구독하기");
$(obj).toggleClass("blue");
} else {
$(obj).text("구독취소");
$(obj).toggleClass("blue");
}
}
Java
복사
퍼블이 작성한 소스가 있을거다
우린 여기에 구독취소가 됏을때 ajax 부분을 추가해서 넣을거다
$.ajax().done().fail(); 이렇게 편하게 작성 후에
//-----------------------------------------------------------------
$.ajax({
}).done().fail();
{}중괄호 넣고 엔터 후에
//-----------------------------------------------------------------
$.ajax({
}).done(res =>{
}).fail(error=>{
});
Java
복사
// (1) 유저 프로파일 페이지 구독하기, 구독취소
function toggleSubscribe(toUserId, obj) {
if ($(obj).text() === "구독취소") {
$.ajax({
type: "delete",
url : "/api/subscribe/"+toUserId,
dataType : "json"
}).done(res =>{
$(obj).text("구독하기");
$(obj).toggleClass("blue");
}).fail(error=>{
console.log("구독취소실패", error);
});
} else {
$.ajax({
type: "post",
url : "/api/subscribe/"+toUserId,
dataType : "json"
}).done(res =>{
$(obj).text("구독취소");
$(obj).toggleClass("blue");
}).fail(error=>{
console.log("구독하기실패", error);
});
}
}
Java
복사
toUserId를 받아서 넘겨주는걸로 추가했기 때문에 profile에서도 같이 던져준다.
profile.jsp
현재 ssar은 2,3을 구독중인 상태
구독 취소 버튼 누르면
다시 구독 누르면
cos로 로그인해서도 확인할려고 보니
무조건 프로필 화면이 user/1 주소로 들어가진다.
이부분을 수정해주자
header.jsp
기존에 이렇게 되어있는거를
<li class="navi-item"><a href="/user/${principal.user.id}">
Java
복사
그럼 이제 로그인한 사람의 프로필 페이지로 잘 이동되서 온다~