"通过 Ajax 加载新页面而不刷新整个导航栏 Django"

Question

我是 Django 新手，我正在建立自己的网站。 我编写了一个base.html页面，其中包含主体、CSS、js、字体和我网站所有页面都将具有的导航栏。 导航栏位于另一个 HTML 文件navbar.html

现在，只要base.html中包含的 CSS/js/fonts/navbar 将加载到每个页面上并且不会更改，Ajax 是否有办法仅加载页面的实际内容，而无需无缝更改看到整个页面刷新？

例如，每次视觉变化的页面部分位于<section class="home"></section>标签内

Answer 1

使用 JQuery 时，非常简单：

<script>
   function load_page(url) {
      $.ajax({
         url: url,
         success: function (data) {
            $('#nav_id').html('');
            data.nav_items.forEach(item => {
               $('#nav_id').append($('<div>').onclick(load_page(item.url)).text(item.title));
            }
         },
         error: function () {
            alert('Could not load data');
         }
      });
   }
</script>