project01
vote.js
|
project01
vote.js
$(function(){
var csrftoken = getCookie('csrftoken');
$.ajaxSetup({
beforeSend: function(xhr, settings) {
if (!csrfSafeMethod(settings.type) ＆＆ !this.crossDomain) {
xhr.setRequestHeader("X-CSRFToken", csrftoken);
}
}
});
function getCookie(name) {
var cookieValue = null;
if (document.cookie ＆＆ document.cookie !== '') {
var cookies = document.cookie.split(';');
for (var i = 0; i ＜ cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
if (cookie.substring(0, name.length + 1) === (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
function csrfSafeMethod(method) {
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
var votedList = [];// 連打防止用のコメントID格納リスト
onClickVoteButton();
function onClickVoteButton() {
$('.vote_button').on('click', function() {
var commentId = $(this).data('comment-id');
var currentCount = $(this).data('count');
var countViewer = $(this).find('.vote_counter');
if (votedList.indexOf(commentId) ＜ 0) {
vote(commentId, currentCount, countViewer);
}
});
}
function vote(commentId, currentCount, countViewer) {
let url = '/project02/api/v1/vote/';
$.ajax({
type: 'POST',
url: url,
data: {
comment_id: commentId
}
}).then(
data => {
if (data.result) {
countViewer.text(currentCount + 1);
votedList.push(commentId);
}
},
error => {
if (error.responseJSON.message) {
alert(error.responseJSON.message);
}
}
);
}
});
|
