게시글 목록에서 추천 버튼 누를때 작동하는 ajax 소스 채택완료
PIREE
10년 전
조회 8,411
그누보드5로 스킨을 작업중입니다.
게시글 목록에 "추천" 버튼을 누르면 새로고침 없이 추천이 처리되고 추천 버튼 색깔이 바뀌는걸 구현하려고 합니다.
게시글 내용 보기에서는 버튼이 하나이지만
글 목록에서는 추천 버튼이 여러개자나요.
이때 추천 버튼을 누르면 ajax로 어떻게 처리하는지 알고 싶습니다.
버튼에 이미지를 사용할 생각입니다.
글 목록에서 각 제목 앞에 별표를 넣고 별표를 누르면 추천이 되고 색깔이 회색에서 녹색으로 바꾸게 하고 싶어요.
서버쪽에서 처리는 할수 있는데...
웹브라우저에서 페이지에 버튼의 id값이나 class는 어떻게 하고 ajax를 어떻게 처리해야 할지 잘 모르겠습니다.
팁이나 관련 스킨이 있거나 자료가 있으면 부탁 드립니다.
글로 설명하려니 어렵네요.
읽어 주셔서 고맙습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
10년 전
</p><p><span class="like" data-wrid="4">추천</span>
<span class="like" data-wrid="2">추천</span></p><p><span class="like" data-wrid="3">추천</span>
<span class="like" data-wrid="1">추천</span>
<script type="text/javascript">
$(function() {
$("span.like").on("click", function() {
$.ajax({</p><p> type : "post",
url : "like_it.php",
data : {
wr_id : $(this).data("wrid"),
bo_table : $("#bo_table").val()
},
success : function(dt) {
if(dt == "y") {</p><p> $(this).text("추천했음");</p><p> }
}
});
});
});
</script></p><p>
생각나는 대로 그냥 써서...
php 부분은 직접 할 줄 안다 하셨으니 그 부분에서 추천하고 나서 y만 찍히게 해서 넘기시면 됩니다.
이미지로 안 하고 텍스트로 했는데 저 부분은 보시면 수정 가능하시리라 봅니다.
data-wrid 이거는 wr_id 넣어 주시면 됩니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
P
PIREE
10년 전
답변해주셔서 고맙습니다. ^^
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인