Nunjucks вмешивается в HTML отправляется асинхронно - PullRequest
Новая
       20

Nunjucks вмешивается в HTML отправляется асинхронно

0 голосов
/ 27 марта 2019

Я пытаюсь сделать что-то очень простое. У меня есть несколько простых jquery, которые должны загрузить некоторые HTML (div с некоторыми вещами в нем) в другой div (# project1) после загрузки страницы.

Вот мой jquery, включенный в скрипт: 

$( document ).ready(function() {
  console.log("HELLLOOOO");
  var baseUrl = window.location.origin;//Load base URL   
  console.log(baseUrl);
  let url = baseUrl + "/views/pages/projects/projectdescription.html"
  console.log(url);
  $("#project1").load(url);  
});

В бэкэнде, который выполняется в узле, я использую шаблонизатор nunjucks для объединения и рендеринга html-частичек. Однако HTML-файл, который я пытаюсь загрузить, является не частичным, а отдельным файлом. Однако, когда я пытаюсь загрузить его с помощью jquery, возвращается полная копия сайта с загруженной страницей 404, которая помещается в раздел "# project1".

Страницы загружаются в серверную часть со следующим кодом маршрутизатора в файле javascript сервера: 

const express = require('express')
const router = express.Router()

// route middleware that will happen on every request
router.use( (req, res, next) => {
    // continue doing what we were doing and go to the route
    next(); 
});


//Read
router.get('/', (req, res) => {
    res.render("pages/home.html")
})

router.get('/projects', (req, res) => {
    res.render("pages/projects.html")
})


//The 404 Route (ALWAYS Keep this as the last route)
router.get('*', (req, res) => {
    res.render("pages/404.html")
});

Как мне помешать nunjucks "вмешиваться" в мой html-файл и просто получить html, который я хочу поместить в div "# project1"? Поскольку вся страница загружена, файл jquery также загружается, поэтому он также бесконечно продолжает добавлять страницу 404 в div.

...