使用ajax在django中制作like按钮

<!-- templates/blog/post_detail.html -->
<button id="like-btn" data-post-id="{{ post.id }}">Like</button>
<span id="like-count">{{ post.like_count }}</span>

<script>
document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('like-btn').addEventListener('click', function() {
        var postId = this.getAttribute('data-post-id');
        var xhr = new XMLHttpRequest();
        xhr.open('POST', '/like_post/');
        xhr.setRequestHeader('X-CSRFToken', '{{ csrf_token }}');
        xhr.onload = function() {
            if (xhr.status === 200) {
                document.getElementById('like-count').textContent = JSON.parse(xhr.responseText).like_count;
            }
        };
        xhr.send(JSON.stringify({ post_id: postId }));
    });
});
</script>

# views.py
from django.http import JsonResponse
from django.views.decorators.csrf import csrf_exempt
from .models import Post

@csrf_exempt
def like_post(request):
    if request.method == 'POST':
        post_id = request.POST.get('post_id')
        post = Post.objects.get(id=post_id)
        post.like_count += 1
        post.save()
        return JsonResponse({'like_count': post.like_count})
    return JsonResponse({'error': 'Invalid request'}, status=400)

# urls.py
from django.urls import path
from . import views

urlpatterns = [
    path('like_post/', views.like_post, name='like_post'),
]