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

时间:2015-09-08 00:07:14

标签: javascript express xhtml ejs

我正在尝试在我的XHTML文件中包含一个EJS文件,以便我可以将数据传递给托管bean。 我尝试在脚本标记中包含withing,但我没有从EJS文件获取值到XHTML文件。 任何人都可以帮助我以正确的方式在EJ / XHTML文件中包含EJS文件。

谢谢,

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>

1 个答案:

答案 0 :(得分:2)

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

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>