在Django中，如何在单击鼠标后显示预览中的更多数据？

<div id="preview">
    <!-- 显示预览的内容 -->
</div>

<button id="show-more">显示更多</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $("#show-more").click(function() {
            $.ajax({
                url: "/get_more_data/",  // 后端处理Ajax请求的URL
                type: "GET",
                success: function(response) {
                    // 处理后端返回的数据
                    // 将数据渲染到页面上的指定位置
                    $("#preview").html(response.data);
                }
            });
        });
    });
</script>

from django.http import JsonResponse

def get_more_data(request):
    # 处理Ajax请求，获取更多数据
    # 查询数据库或其他操作，获取需要显示的更多数据
    more_data = "更多数据内容"

    # 返回JSON格式的数据给前端
    return JsonResponse({"data": more_data})