ajax 的 Django Like 函数

Question

首先：我已经检查了所有相关的答案和问题....他们没有帮助我

所以我正在尝试创建基于 ajax 的类似按钮，其中包含多个用户和多个对象或帖子，我尝试了很多，但其中 none 有效，但我有基础

models.py:

class BlogPost(models.Model):
    #some fields

class Like (models.Model):
    user = models.ForeignKey(User)
    post = models.ForeignKey(BlogPost)

views.py

from .models import Like
def PostLikeToggle(request):
    #here i want to capture the request check if the user liked the post or
    # no by sending user.username and post.title to the endpoint like.html
    #and then update his status
    return render(request, 'like.html')

urls.py

from plateform import views as plateform
urlpatterns = [
    #other urls
    url(r'^like/', plateform.PostLikeToggle,  name='PostLikeToggle'),]

like.html

 {% if liked == 'false' %}
    false
  {% elif liked == 'true' %}
    true
  {% endif %}

blogpost.html

#ajax

  $('.thumb').click(function () {
            $.ajax({
                type: 'POST',
                url: '/like/',
                data: {
                    'csrfmiddlewaretoken': $('input[name=csrfmiddlewaretoken]').val(),
                },
                success: LikePost,
                dataType: 'html'
            });

            function LikePost(data, jqXHR) {
                    console.log(data)
                }
        });

更新我试图弄清楚所以我添加了一些东西

型号：

class BlogPost(models.Model):
        #some fields
        liked = models.ManyToManyField(User, related_name='PostLikeToggle')

    #REMOVED class Like (models.Model)

观看次数：

def PostLikeToggle(request):
    user = request.user
    if request.method == 'POST':
        post_id = request.POST['post_id']
        post = get_object_or_404(posts, id=post_id)
        _liked = user in post.liked.all()
        if _liked :
            post.liked.remove(user)
        else:
            post.liked.add(user)

    return JsonResponse({'liked':_liked})

那我走对了吗？？

Answer 1

okey 我会 post 我的答案....这是简单的技巧，但我有点小气...

在模型文件中，我添加了具有用户关系的 ManytoMany 字段（很多用户 + 许多 posts）

class BlogPost(models.Model):
    #more fields
    liked = models.ManyToManyField(User, related_name='PostLikeToggle')

在我创建的视图中，它将接受来自博客的请求post 视图并检查用户是否已经喜欢 post 或否（将用户添加到喜欢的字段，如果喜欢 return true 删除它，如果 .... )

def PostLikeToggle(request):
    user = request.user
    if request.method == 'POST':
        post_id = request.POST['post_id']
        post = get_object_or_404(posts, id=post_id)
        _liked = user in post.liked.all()
        if _liked :
            post.liked.remove(user)
        else:
            post.liked.add(user)

    return JsonResponse({'liked':_liked})

此视图与 url 关联，我们将在其中获得响应：

url(r'^like/', plateform.PostLikeToggle,  name='PostLikeToggle')

并且在您的博客 post 模板中，您需要 link Jquery 并添加此 Ajax 功能（别忘了用你自己的变量自定义它 class , url ... ）

$('.thumb').click(function () {
            $.ajax({
                type: 'POST',
                url: {% url 'PostLikeToggle' %},
                data: {
                    'post_id': {{ post_slug.id }},
                    'csrfmiddlewaretoken': $('input[name=csrfmiddlewaretoken]').val(),
                },
                success: LikePost,
                dataType: 'html'
            });

            function LikePost(data, jqXHR) {
                var data = $.parseJSON(data)
                if (data['liked']) {
                    $('.thumb').removeClass("fas fa-thumbs-up").addClass('far fa-thumbs-up')
                }
                else
                    {
                        $('.thumb').removeClass("far fa-thumbs-up").addClass('fas fa-thumbs-up')
                    }


            }
        });

如果有任何例外或者您有更好的方法，这一次有效 post 它，我会标记它

注意：您必须检查用户是否在模板中通过身份验证以隐藏点赞按钮或将他重定向到登录....

ajax 的 Django Like 函数

Django Like function with ajax

python

django

ajax

endpoint

django-views