node.js - ejs模板的客户端和服务器端渲染

Question

我一直想学习 NodeJS 以便能够在服务器端和客户端运行相同的代码。我将 NodeJS 与 Express 和 EJS 一起使用。所以。我有一个 .ejs 页面，其中包含大量 HTML、JS、CSS 和少量模板。为了公平起见，就这样吧:

the_list-->some.ejs

<ul> 
<% for(i=0;i>the_list.length;i++) { %>
    <li>the_list[i]</li>
<% } %>
</ul>    

在服务器上进行一些渲染后，我们得到了一个完美的列表。

所以。现在我想在客户端上重新渲染它。我发出了一些 ajax 请求，现在 the_list 中有新项目。正确的方法是什么？

Answer 1

根据 ejs templates documentation

var template = new EJS({
  text: `
    <ul>
      <% for(i = 0; i < the_list.length; i++) { %>
        <li>the_list[i]</li>
      <% } %>
    </ul>
  `
});
var html = template.render({ the_list: data });
document.getElementById('list-wrapper').innerHTML = html;