问如何制作一个like wise按钮django

EN

@login_required
def vote(request, article_id):
    article = get_object_or_404(Article, pk=article_id)
    vote, created = Vote.objects.get_or_create(article=article, user=request.user)
    if created:
        article.votes += 1
        article.save()
        return JsonResponse(data = {"vote": "Voted! Thank you for the vote."})
    return JsonResponse(data = {"vote": "You already voted for this article."})

<button id="vote" class="button">vote</button>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>
      var voted = false;
        $("#vote").click(function (e) {
          if (!voted) {
            e.preventDefault()
            var upvotes = $("#total_votes").html()
            voted = true;
            var updatedUpVotes = parseInt(upvotes) + 1
            $("#total_votes").html(updatedUpVotes)
            $.ajax({
              url: 'vote/',
              method: "GET",
              data: {},
              success: function (data) {
                console.log(data)
              },
            })
          }
        })
      </script>