用户操作后，django 不返回任何内容/返回完全相同的位置

Question

我正在做一个 reddit 克隆项目，其中一个功能是进行 upvote/downvote。我希望用户能够在 post-list.html 页面上单击 upvote/downvote 并显示更新，仅此而已。我试图返回 None 但 django 不允许它。我试图返回“/”，但随后 django 从顶部返回了一个网页。

另外，我觉得我的upvote/downvote需要很长时间才能更新，这很奇怪，我想知道是否有办法加快它。

这是我的 base.html，它具有 upvote/downvote 功能：

{% for post in posts %}
    <div class="post">
      <div class="vote">{% include "Reddit_app/vote-thumbnail.html" with el=post %}</div>

这里是 vote-thumbnail.html

<div class="voting_panel">
    <div class="vote-logo"><a class="glyphicon glyphicon-chevron-up
      {% if el|user_has_voted:user == 1 %} text-success {%else%} text-muted {% endif %}" href="{% url 'upvote-thumbnail' pk=el.pk %}"></a></div>
    <div class="score">{{ el.get_score }}</div>
    <div class="vote-logo"><a class="glyphicon glyphicon-chevron-down
      {% if el|user_has_voted:user == -1 %} text-success {%else%} text-muted {% endif %}"  href="{% url 'downvote-thumbnail' pk=el.pk %}"></a></div>
</div>

这是我的 urls.py 和帖子链接

    path('content/<uuid:pk>/upvote-thumbnail/', views.vote_thumbnail, {'is_upvote': True}, name='upvote-thumbnail'),
    path('content/<uuid:pk>/downvote-thumbnail/', views.vote_thumbnail, {'is_upvote': False}, name='downvote-thumbnail')
    path('', views.post_list, name='post_list'),

这是我的意见.py

def vote_thumbnail(request, pk, is_upvote):
    content_obj = Votable.get_object(pk)
    content_obj.toggle_vote(request.user, UserVote.UP_VOTE if is_upvote else UserVote.DOWN_VOTE)
    return redirect('/')  #what to return here?

Answer 1

要重定向到上一个网址，我们可以使用request.META.get('HTTP_REFERER')或使用redirect("post_list")

def vote_thumbnail(request, pk, is_upvote):
    content_obj = Votable.get_object(pk)
    content_obj.toggle_vote(request.user, UserVote.UP_VOTE if is_upvote else UserVote.DOWN_VOTE)
    # redirect to the previous page
    return redirect("post_list") # or redirect(request.META.get('HTTP_REFERER')) 

您可以将id 属性添加到您的链接<a id={{ el.pk }}>，然后在您的网址href="{% url 'downvote-thumbnail' pk=el.pk %}#{{ el.pk }}" 中使用hash：

<div class="vote-logo">
    <a id="{{ el.pk }}" class="glyphicon glyphicon-chevron-down {% if el|user_has_voted:user == -1 %} text-success {% else %} text-muted {% endif %}" href="{% url 'downvote-thumbnail' pk=el.pk %}#{{ el.pk }}"></a>
</div>

浏览器窗口将自己（立即）滚动到具有 ID 的元素可见的位置。