2015-09-08 29 views
0

我想在我的XHTML文件中包含一個EJS文件,以便我可以將數據傳遞給託管bean。 我試圖通過包含在腳本標籤作爲,但我沒有從EJS文件的值到XHTML文件。 任何人都可以請幫助我以正確的方式在HTML/XHTML文件中包含一個EJS文件。如何導入HTML文件中的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

有可能比使用EJS一個更好的解決辦法,但我會嘗試反正回答這個問題。

1)下載EJS的瀏覽器兼容版本。嘗試點擊Here下載或去here

2)Inlude它在你頁面:

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

從URL:

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

    someElement.innerHTML = ejsResult; 
</script>