EJS 不在客户端呈现 ejs 代码

Question

我尝试将我从 home.js 发送到 home.ejs 的 EJS 代码呈现为字符串，但它不起作用。我现在正在尝试，但似乎没有任何效果。我的代码是：

home.js

var templates = {};
templates.onScroll = fs.readFileSync('views/partials/onScrollAppendPost.ejs', 'utf-8');
res.render("users/home", {templates: templates});`

home.ejs

 var template = new EJS({text: <%- JSON.stringify(templates.onScroll) %>}).update('#mainContainer', {postArr: postArr});

编辑：

我想要做的是检测用户何时到达页面底部。使用此代码：

$(window).scroll(function () {
        if ($(window).scrollTop() == $(document).height() - $(window).height()) {
//get post data and append post
}});

当用户到达页面底部时，我想将 ejs 代码附加到页面。基本上我想在ejs和js之间进行通信。

Answer 1

基于http://ejs.co 的示例，您首先需要在页面中包含一个 ejs 的浏览器版本：

<script src="ejs.js"></script>

然后你可以像这样使用 EJS 客户端：

var html = ejs.render('your template here', {postArr: postArr});

$('#mainContainer').html(html);

这里我假设 postArr 设置得当，可能是 AJAX 请求的结果。

当您使用 EJS 生成 EJS 时，这一切变得更加难以理解，但您的 home.ejs 中的相关代码将是这样的：

var html = ejs.render(<%- JSON.stringify(templates.onScroll) %>, {postArr: postArr});

$('#mainContainer').html(html);

这假定onScroll 模板没有include 任何其他模板。您尚未指定 home.ejs 是用于生成 HTML 还是 JavaScript，因此尚不清楚可能适用哪些其他转义注意事项，但这可能不会成为问题。