如何在 HTML 文件中导入 EJS 文件

Question

我试图在我的 XHTML 文件中包含一个 EJS 文件，以便我可以将数据传递给托管 bean。我尝试通过在脚本标记中包含 withing as 但我没有从 EJS 文件获取值到 XHTML 文件。谁能帮助我以正确的方式将 EJS 文件包含在 HTML/ XHTML 文件中。

谢谢，

ind.ejs

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
</head>
<body>
    <h1> Date is: </h1>       <%= new Date() %>
      Room Type is:           <%= checkindt %> <br /> 
     Room Type is:            <%= roomtype %> 
</body>
</html>

app.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
<head>
 <script type="text/javascript" src="/ind.ejs" > </script>
 <title>My App</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   <script type="text/javascript" >
      function setValue(){
          alert('app.xhtml');
          alert('cindt is: '+ checkindt);
         document.getElementById('myForm.cindt').value = checkindt;
      }
  </script>
</head>
   <body>
       <div>My app</div>
       <form name="myForm" >
           Date:   <input type="text" name="cindt" />            
           <button id="submit" onclick="setValue();" />
       </form>
   </body>
</html>

Answer 1

可能有比使用 ejs 更好的解决方案，但无论如何我都会尝试回答这个问题。

1) 下载 EJS 的浏览器兼容版本。尝试单击 Here to download or go here。

2) 将其包含在您的页面中：

<script src="ejs.js"></script>
<script>
 // your code here
</script>

3) Render/Compile 它:

来自文本：

<script src="ejs.js"></script>
<script>
  var ejsResult = new EJS({
          text: "<div>Room number is: <%= roomnumber %> <br /> Room Type is: <%= roomtype %> </div>"
      }).render({roomnumber: "111", roomtype: "Suite"})

  someElement.innerHTML = ejsResult;
</script>

来自 url:

<script src="ejs.js"></script>
<script>
  var ejsResult = new EJS({
          url: "templateLocation.ejs"
      }).render({roomnumber: "111", roomtype: "Suite"});

  someElement.innerHTML = ejsResult;
</script>

如何在 HTML 文件中导入 EJS 文件

How to import an EJS file in a HTML file

javascript

express

xhtml

ejs