如何在django中切换页面而不刷新页面？

<!-- index.html -->
<button id="page1-btn">切换到页面1</button>
<button id="page2-btn">切换到页面2</button>

<div id="content"></div>

<script>
    // 监听按钮点击事件
    document.getElementById("page1-btn").addEventListener("click", function() {
        switchPage("page1");
    });

    document.getElementById("page2-btn").addEventListener("click", function() {
        switchPage("page2");
    });

    // 发送Ajax请求
    function switchPage(page) {
        var xhr = new XMLHttpRequest();
        xhr.open("GET", "/switch-page/?page=" + page, true);
        xhr.onreadystatechange = function() {
            if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
                // 更新页面内容
                document.getElementById("content").innerHTML = xhr.responseText;
            }
        };
        xhr.send();
    }
</script>

from django.shortcuts import render
from django.http import HttpResponse

def switch_page(request):
    page = request.GET.get("page")
    if page == "page1":
        content = "<h1>页面1</h1>"
    elif page == "page2":
        content = "<h1>页面2</h1>"
    else:
        content = "<h1>未知页面</h1>"
    return HttpResponse(content)

from django.urls import path
from . import views

urlpatterns = [
    path('switch-page/', views.switch_page, name='switch_page'),
]