在Django中使用jQuery在不刷新页面的情况下使用Like按钮

<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>

<button class="like-btn" data-id="{{ object.id }}">Like</button>

$(document).ready(function() {
  $('.like-btn').click(function() {
    var objectId = $(this).data('id');
    var url = '/like/' + objectId + '/';  // 替换为你的点赞处理URL

    $.ajax({
      type: 'POST',
      url: url,
      success: function(response) {
        // 更新Like按钮的状态和显示结果
        if (response.liked) {
          $(this).text('Unlike');
        } else {
          $(this).text('Like');
        }
        $(this).siblings('.like-count').text(response.likeCount);
      },
      error: function(xhr, status, error) {
        // 处理错误情况
        console.error(error);
      }
    });
  });
});

from django.urls import path
from . import views

urlpatterns = [
    # 其他URL配置...
    path('like/<int:object_id>/', views.like_view, name='like'),
]

from django.http import JsonResponse

def like_view(request, object_id):
    # 处理点赞逻辑，更新数据库等

    # 返回点赞结果和点赞数量
    response = {
        'liked': True,  # 替换为实际的点赞状态
        'likeCount': 10  # 替换为实际的点赞数量
    }
    return JsonResponse(response)