Рендеринг EJS просмотра по нажатию кнопки

Question

Я работаю над проектом EJS и столкнулся с проблемой. Я хочу отображать страницы, если пользователь нажимает кнопку.

теперь jQuery выглядит так:

<button onclick="show()" id="addPartial"> add more TestPartial</button>

<div id="addPartialtHere">
</div>

<script>
    function show() {
        $("#addPartialtHere").load("/test");
    }
</script> 

но это не работает, из-за загрузки загружается только HTML.

Я также нахожу https://github.com/tj/ejs/,, но не обновляется с 2015 года. Вот почему я думаю, что это не лучший выбор.

И последнее: https://www.npmjs.com/package/express-dynamic-partials,, но это не последнее обновление было 4 года назад.

Любое другое предложение? Есть ли способ визуализировать вид в другом?

Answer 1

Проблема с методом load в Jquery, он делает ajax-вызов сервера для страницы.

И проверьте ответ Ajax на вкладке сети в браузере.

Если ошибка перекрестного происхождения не допускается.

Попробуйте добавить этот код на Node-сервере

 app.all('/', function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  next();
 });

app.get('/', function(req, res, next) {
  // Handle the get for this route
});

Answer 2

Вы можете попробовать handlebarsjs или mustache.js