我试图在我的 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/