通过buttonclick渲染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

Jquery中的load方法出现问题，它使页面的服务器进行了ajax调用。

并在浏览器的“网络”选项卡中检查Ajax响应。

如果错误是跨原点的，则不允许。

尝试在节点服务器中添加此代码

 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