提交表单时EJS变量参考错误

编程入门 行业动态 更新时间:2024-10-11 21:25:12

提交<a href=https://www.elefans.com/category/jswz/34/1771263.html style=表单时EJS变量参考错误"/>

提交表单时EJS变量参考错误

我的“ welcome.ejs”页面上有一个表格。现在,我只是尝试将用户在“ welcome.ejs”上输入的文本输出到新页面“ submitform.ejs”。如果我不尝试从表单中输出文本,则页面成功路由。

我收到以下错误:

ReferenceError: C:\Users\hbhar\Desktop\Basic WebApp\views\submitform.ejs:2
    1| <h1>Form Submitted!</h1>

 >> 2| <<p><%= parsedbody %></p>

    3| 

parsedbody is not defined
    at eval (eval at compile (C:\Users\hbhar\Desktop\Basic WebApp\node_modules\ejs\lib\ejs.js:649:12), <anonymous>:12:26)
    at submitform (C:\Users\hbhar\Desktop\Basic WebApp\node_modules\ejs\lib\ejs.js:679:17)
    at tryHandleCache (C:\Users\hbhar\Desktop\Basic WebApp\node_modules\ejs\lib\ejs.js:272:36)
    at View.exports.renderFile [as engine] (C:\Users\hbhar\Desktop\Basic WebApp\node_modules\ejs\lib\ejs.js:478:10)
    at View.render (C:\Users\hbhar\Desktop\Basic WebApp\node_modules\express\lib\view.js:135:8)
    at tryRender (C:\Users\hbhar\Desktop\Basic WebApp\node_modules\express\lib\application.js:640:10)
    at Function.render (C:\Users\hbhar\Desktop\Basic WebApp\node_modules\express\lib\application.js:592:3)
    at ServerResponse.render (C:\Users\hbhar\Desktop\Basic WebApp\node_modules\express\lib\response.js:1012:7)
    at ServerResponse.res.render (C:\Users\hbhar\Desktop\Basic WebApp\node_modules\express-ejs-layouts\lib\express-layouts.js:77:18)
    at C:\Users\hbhar\Desktop\Basic WebApp\routes\index.js:15:9

我的index.js文件(位于/ routes中:]]

const express = require('express');
const router = express.Router();

// Welcome Page
router.get('/', (req, res) => res.render('welcome'));
router.get('/submitform', (req,res) => res.render('submitform'))
// After Form Submission
router.post('/submitform', function(req, res) 
  {
    const parsedbody = {};
    const formsubmission = JSON.stringify(req.body);
    parsedbody[formsubmission] = formsubmission;
    res.render('submitform', parsedbody);
  });

module.exports = router;

我的主要“ welcome.ejs”页面:

<form action="/submitform" method="POST">
      <label for="name">Name</label>
      <input
        type="name"
        id="name"
        name="name"
        class="form-control"
        placeholder="Name"      
        </input>
  <button type="submit"></button>
</form>

我的“ submitform.ejs”文件已路由到上面(我也尝试过响应对象的变体):

<h1>Form Submitted!</h1>
<<p><%= parsedbody %></p>

谢谢!

我的“ welcome.ejs”页面上有一个表格。现在,我只是尝试将用户在“ welcome.ejs”上输入的文本输出到新页面“ submitform.ejs”。如果...

回答如下:

模板中的顶级变量将具有传递给渲染的对象的属性

更多推荐

提交表单时EJS变量参考错误

本文发布于:2024-05-07 09:55:42,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1755706.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:表单   变量   错误   EJS

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!