【发布时间】：2020-08-14 05:45:41
【问题描述】：
我正在尝试在 Django ListView 中制作类似 Twitter 的社交媒体提要，并从 Django 3 By Example 书中添加了类似 Ajax 的按钮。类似的功能在 DetailView 中完美运行，但我无法让它在 ListView 中运行。当点击 DetailView 中的点赞按钮时，它会喜欢页面上的所有帖子，并且会显示 1 个喜欢，然后是 11110 个喜欢，然后从那里呈指数增长。 like/unlike 的切换是正确的，但不会将计数减 1；它只是不断上升。请帮忙！
模型.py：
class Post(models.Model):
content = models.TextField(max_length=150, blank=True)
date_posted = models.DateTimeField(default=timezone.now)
author = models.ForeignKey(User, on_delete=models.CASCADE)
image = models.ImageField(storage=PrivateMediaStorage(), upload_to = pics_path, blank=True, null=True)
vid = models.FileField(storage=PrivateMediaStorage(), upload_to = vids_path, blank=True, null=True)
users_like = models.ManyToManyField(User, related_name='posts_liked', blank=True)
Views.py：
@require_POST
def post_like(request):
post_id = request.POST.get('id')
action = request.POST.get('action')
if post_id and action:
try:
post = Post.objects.get(id=post_id)
if action == 'like':
post.users_like.add(request.user)
else:
post.users_like.remove(request.user)
return JsonResponse({'status':'ok'})
except:
pass
return JsonResponse({'status':'ko'})
模板又名 post_list.html：
{% with total_likes=post.users_like.count users_like=post.users_like.all %}
<div class="post-info">
<div>
<span class="count">
<span class="total">{{ total_likes }}</span>
like{{ total_likes|pluralize }}
</span>
<a href="#" data-id="{{ post.id }}" data-action="{% if request.user in users_like %}un{% endif %}like" class="like button">
{% if request.user not in users_like %}
Like
{% else %}
Unlike
{% endif %}
</a>
</div>
</div>
{% endwith %}
jQuery:
var csrftoken = Cookies.get('csrftoken');
function csrfSafeMethod(method) {
// these HTTP methods do not require CSRF protection
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
$.ajaxSetup({
beforeSend: function(xhr, settings) {
if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
xhr.setRequestHeader("X-CSRFToken", csrftoken);
}
}
});
$(document).ready(function(){
$('a.like').click(function(e){
e.preventDefault();
$.post('{% url "like" %}',
{
id: $(this).data('id'),
action: $(this).data('action')
},
function(data){
if (data['status'] == 'ok')
{
var previous_action = $('a.like').data('action');
// toggle data-action
$('a.like').data('action', previous_action == 'like' ? 'unlike' : 'like');
// toggle link text
$('a.like').text(previous_action == 'like' ? 'Unlike' : 'Like');
// update total likes
var previous_likes = parseInt($('span.count .total').text());
$('span.count .total').text(previous_action == 'like' ? previous_likes + 1 : previous_likes - 1);
}
}
);
});
});
【问题讨论】：
标签： jquery django ajax django-templates