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

标签 javascript express xhtml ejs

我试图在我的 XHTML 文件中包含一个 EJS 文件,以便我可以将数据传递到托管 bean。 我尝试在脚本标记中包含 with ,但我没有从 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>

最佳答案

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

1) 下载浏览器兼容版本的 EJS。尝试点击Here下载或前往 here .

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

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

3)渲染/编译它:

来自文本:

<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>

来自网址:

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

  someElement.innerHTML = ejsResult;
</script>

关于javascript - 如何在 HTML 文件中导入 EJS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32447438/

相关文章:

javascript - 使用 javascript 或 jquery 解析 url

node.js - 如何在 Express 4 中使用 Node Inspector( Node 调试)?

css - div 不是全宽

css - 带有表格的页面在打印时会产生问题,即使我使用的是单独的打印 css?

javascript - <HTML> 先前日期验证

javascript - 数学:在js中获取索引

javascript - MongoDB 索引 : String vs Int

javascript - typescript 和正则表达式

node.js - 在浏览器中查看而非下载 Google Cloud Storage 文件

javascript - 快速验证器 : How to make conditional validations based on other fields?