Django :如何在不刷新页面的情况下在Django模板中加载新的最近评论？

<!-- 模板文件中的HTML部分 -->
<div id="comment-section">
  <!-- 当前评论内容 -->
</div>
<button id="load-comments">加载最新评论</button>

<!-- 模板文件中的JavaScript代码 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $('#load-comments').click(function() {
    $.ajax({
      url: '/path/to/view/',  // 服务器端处理请求的URL
      type: 'GET',  // 请求类型为GET
      success: function(data) {
        // 在成功响应时更新评论内容
        $('#comment-section').html(data.comments_html);
      }
    });
  });
});
</script>

# Django视图函数
from django.http import JsonResponse
from django.template.loader import render_to_string

def load_comments(request):
  # 获取最新评论数据的逻辑代码
  comments = Comment.objects.order_by('-timestamp')[:5]
  
  # 渲染最新评论数据到模板
  comments_html = render_to_string('comments.html', {'comments': comments})
  
  # 返回JSON格式响应
  return JsonResponse({'comments_html': comments_html})

# 项目urls.py文件中的URL映射
from django.urls import path
from myapp.views import load_comments

urlpatterns = [
  # 其他URL配置...
  path('load_comments/', load_comments, name='load_comments'),
]