如何使用AJAX在django中实现喜欢/不喜欢按钮(对于登录的用户)

from django.db import models
from django.contrib.auth.models import User

class Like(models.Model):
    user = models.ForeignKey(User, on_delete=models.CASCADE)
    liked_object = models.ForeignKey(YourModel, on_delete=models.CASCADE)

<button id="like-button">喜欢</button>

<script>
    document.getElementById("like-button").addEventListener("click", function() {
        var xhr = new XMLHttpRequest();
        xhr.open("POST", "/like/", true);
        xhr.setRequestHeader("Content-Type", "application/json");
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                // 处理成功响应
            }
        };
        xhr.send(JSON.stringify({liked_object_id: your_object_id}));
    });
</script>

from django.http import JsonResponse
from django.contrib.auth.decorators import login_required

@login_required
def like_view(request):
    if request.method == "POST":
        liked_object_id = request.POST.get("liked_object_id")
        liked_object = YourModel.objects.get(id=liked_object_id)
        like, created = Like.objects.get_or_create(user=request.user, liked_object=liked_object)
        if not created:
            like.delete()
        return JsonResponse({"status": "success"})

from django.urls import path
from .views import like_view

urlpatterns = [
    path('like/', like_view, name='like'),
]