SUBMIT EJS FILE
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h2> Your password has been changed click here for <a href="user">login</a></h2>
</body>
</html>
我的密码课
类密码{
constructor(newPass,confirmPass) {
this.newPass=newPass;
this.confirmPass=confirmPass;
}
} module.exports =密码;
我的路由文件
seller.post('/change',(req,res)=>{
console.log('kkkkkkkkkkkkkk');
res.render('change');
var newPass=req.body.newPass;
console.log("New Password:::",newPass);
var confirmPass=req.body.confirmPass;
console.log('Confirm Password:::',confirmPass);
var passPanel=new password(newPass,confirmPass);
var pr=operations.findOneAndUpdate(passPanel);
pr.then(data=>{
console.log(data);
res.render('change',{newPass:data.newPass, confirmPass:data.confirmPass});
})
})
seller.post('/submit',(req,res)=>{
res.render('submit');
});
module.exports=seller;
我的服务器配置
app.use(bodyParser.urlencoded({extended:false}));
app.use(bodyParser.json());
app.set("view engine","ejs");
app.use('/', require('./Routes/sellerRoutes'));
app.listen(process.env.PORT||1234, (err)=>{
if(err) {
console.log('An Error has occured', err);
logger.error('Server Not Start ',err);
}
else {
console.log("Server Started");
logger.debug('Server Started');
}
})
我的EJS文件代码
<body class="section">
<h1><center>Password Change</center></h1>
<form method="POST" action="submit">
<% var newPass;%> <% var confirmPass; %>
<label for="">New Password:</label>
<input type="password" id="newPass" name="newPass" value="<%=newPass%>">
<div class="cnfrm">
<label for="">Confirm Password:</label>
<input type="password" id="confirmPass" name="confirmPass" value="<%=confirmPass%>">
</div>
<button id="chngepswd" class="btn btn-success">OK</button></a>
</form>
<br>
</body>
在节点中编码时。我制作了一个ejs模板,在其中制作了表格。表单正在使用POST方法。当我使用POST方法路由它时,它不会呈现该页面,并显示无法获取。
另一方面,当我将它与GET请求一起使用时,它绝对可以正常工作,这意味着它正在渲染我制作的ejs页面。
我无法理解为什么我的ejs用GET请求而不是POST请求来呈现页面。
答案 0 :(得分:0)
您在表单上的action
是提交
<form method="POST" action="submit">
这意味着浏览器将尝试访问 /提交,但您似乎没有路线。
您可能需要将操作更改为 / change 。
答案 1 :(得分:0)
在您的DeleteObjectsInput
方法中,您两次调用seller.post
。这不会起作用,因为res.render
将HTTP响应发送回客户端,并且您无法将2个响应发送给一个请求。
虽然res.render
不必是方法中的最后一条语句,但是它后面不能跟随另一段代码,因为它已经发送了,所以它会生成响应。
您应该删除方法中的第一个res.render
。