server.js
app.get('/',(req,res) => {
let context = {title:"api",message:"root"}
res.sendFile(__dirname + '/views/index.html',context)
})
index.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
title{{title}}
message{{message}}
</body>
</html>
我如何将标题和消息发送到contex变量中分配的index.html。
我发现有很多方法可以使用一些模板引擎来实现它,例如jade,ejs,pug等。但是我想要纯HTML格式。
请看一下我的代码...。
不使用诸如jade,ejs,pug之类的模板引擎或诸如angular之类的客户端库,就会做出反应。
您无法在html端内插{{title}}的含义。
另一种方法是使用javascript从服务器获取详细信息
html文件
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="test">
</div>
<script type="text/javascript">
let url="http://localhost:8001/test";
fetch(url).then(response => response.json())
.then( (result) => {
console.log('success:', result)
let div=document.getElementById('test');
div.innerHTML=`title: ${result.title}<br/>message: ${result.message}`;
})
.catch(error => console.log('error:', error));
</script>
</body>
</html>
server.js
app.get('/test',(req,res)=>{
//res.sendFile(__dirname +"/views/test.html",);
res.json({title:"api",message:"root"});
})
app.get('/render',(req,res)=>{
res.sendFile(__dirname +"/views/test.html");
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句