如何在 Node.js 中重定向时将数据从 Express 传递到 .ejs 文件

2023-12-04

我在 login.ejs 文件中有登录表单,当我填写信息后单击“提交”时,如果详细信息正确,我将重定向到该页面,否则我想在 .ejs 中显示密码错误的内容。以下是详细信息

这是我的 app.js 文件代码 - 这里我发送一个 json 并将该无效密码隐藏在 .ejs 文件中

 app.get('/', function (req, res) {

     res.render("login",{Error:"none"});

});

app.post('/login', function (req, res) {

    var username = req.body.username;
    var password = req.body.password;
     //Here will be my code to check detail wrong or right
     res.redirect('/',{Error:'block'});
}

这是我的login.ejs 文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <link rel="stylesheet" href="css/font.css" type="text/css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>

<body>
    <div class="Error" id="error" style="display:<%=Error%>;">Invalid email/phone or password</div>
    <div class="Body">
        <form class="LogBox" action="/login" method="post">
            <div class="Head">Log In</div>
                <input type="text" placeholder="Email or Phone" class="inputfrontbutton" name="username">
                <input type="password" placeholder="Password"  class="inputfrontbutton" name="password">
                <input type="submit" value="Log In" class="frontsubmit">
        </form>
    </div>
</body>

</html>

但我无法在重定向中发送 json 数据。有什么办法可以做到这一点吗?


据快报docs.redirect 方法的:

res.redirect([状态,]路径)

重定向到从指定路径派生的 URL,具有指定状态(对应于 HTTP 状态代码 的正整数)。如果未指定,状态默认为“302“Found”。

所以你不能这样称呼它:

res.redirect('/',{Error:'block'});

即使该方法有效,它也只会重定向到'/',这将触发app.get('/', function (req, res) {...}端点并显示初始登录页面,并隐藏错误消息。

我相信,改变最后一行的最好方法app.post('/login', function (req, res) {...} to

res.render("login",{Error:"block"});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Node.js 中重定向时将数据从 Express 传递到 .ejs 文件 的相关文章

  • 使用 Android 发送 HTTP Post 请求

    我一直在尝试从 SO 和其他网站上的大量示例中学习 但我无法弄清楚为什么我编写的示例不起作用 我正在构建一个小型概念验证应用程序 它可以识别语音并将其 文本 作为 POST 请求发送到 node js 服务器 我已确认语音识别有效 并且服务
  • 如何在react-bootstrap中禁用表单提交的

    在下面的代码片段中 我有许多文本类型的输入表单 如果用户点击 我似乎会得到相同的合成事件 就像他们按下提交按钮一样 我想忽略作为表单提交 只允许一个人按下 提交 按钮 我删除了一些表单组以减少示例 在所有情况下 按钮或 ENTER 键 e
  • Chrome 中的性能问题

    我目前正在从事一个相对较大的项目 使用 AngularJs 构建 应用程序的一部分是一个表单 您可以向其中添加任意数量的页面 不幸的是 添加了很多不必要的垃圾 即表示表单模型的对象可能会变得非常大 在某些时候 Chrome 基本上无法处理它
  • 图像无法在带有 DOM 的 IE 中加载:控制台中的 7009 错误(无法解码)

    当在 IE 中的单个页面上加载许多图像时 在 IE11 中重现 其中一些图像开始加载失败 并在控制台中出现类似以下警告的内容 DOM7009 无法解码 URL 处的图像 某些唯一的 url 当我查看网络流量时 似乎确实从服务器收到了每个图像
  • 在打字稿中导入 json

    我是 typescript 的新手 在我的项目中 我们使用 typescript2 在我的要求之一中 我需要导入 json 文件 所以我创建了 d ts 文件如下 test d ts declare module json const va
  • 调整图像大小并将画布旋转 90 度

    这里有很多关于在 js 上使用画布旋转图像的主题 我阅读了其中的大部分内容 但无法找到解决我的问题的方法 我正在接收任何分辨率的图像 来自上传组件 我将其大小调整为 1024x768 如下所示 var canvas document cre
  • 如何制作没有 ng-repeat 的模板并使用 Angular-drag-and-drop-lists 将数据传递到 $scope?

    我想用角度拖放列表 https github com marceljuenemann angular drag and drop lists使用我自己的网格模板到所见即所得编辑器 如何构建我自己的 HTML 模板而不需要ng repeat因
  • 使用 CSS 或 Javascript 填充动画

    我只是想知道是否可以使用 CSS 或 javascript 创建填充动画 基本上我想创建一个填充动画 如下图所示 http i40 tinypic com eit6ia png http i40 tinypic com eit6ia png
  • Javascript split 不是一个函数

    嘿朋友们 我正在使用 javascript sdk 通过 jQuery facebook 多朋友选择器在用户朋友墙上发布信息 但是我收到此错误friendId split 不是函数 这是我的代码 function recommendToFr
  • Vuejs 2:去抖动不适用于手表选项

    当我在 VueJs 中反跳此函数时 如果我提供毫秒数作为原语 它就可以正常工作 但是 如果我将其提供为对 prop 的引用 它会忽略它 这是道具的缩写版本 props debounce type Number default 500 这是不
  • 可以设置标题样式吗? (并且使用CSS或js?)[重复]

    这个问题在这里已经有答案了 我想知道是否可以设计一个title a href title This is a title Hello a 样式问题有两个方面 文本格式 编码 我猜这是可能的 所以在问题中这样做 工具提示样式 你能把它弄大一点
  • Firebase 函数 onWrite 未被调用

    我正在尝试使用 Firebase 函数实现一个触发器 该触发器会复制数据库中的一些数据 我想观看所有添加的内容votes user vote 结构为 我尝试的代码是 const functions require firebase func
  • Three.js 各种大小的粒子

    我是 Three js 的新手 正在尝试找出添加 1000 个粒子的最佳方法 每个粒子都有不同的大小和颜色 每个粒子的纹理是通过绘制画布创建的 通过使用粒子系统 所有粒子都具有相同的颜色和大小 为每个粒子创建一个粒子系统是非常低效的 有没有
  • Vue 和 Vuex:处理依赖的计算属性

    我的应用程序是一个使用 Vuex 在 Vue 中构建的精简电子表格 关键组件是TableCollection Table and Row The TableCollection有一个包含多个的数组Table对象 每个Table有一个包含多个
  • 对于只触及我的工作表的 Google 表格脚本,收到“此应用程序未经验证”

    我正在编写一个 Google Sheets 脚本 我只想访问与 gs 文件关联的同一电子表格中的数据 似乎我应该有权在自己的电子表格中运行脚本 但是每当我运行一个函数时 我都会得到一个This app isn t verified信息 我该
  • 如何用另一个响应替换窗口的 URL 哈希?

    我正在尝试使用替换方法更改哈希 URL document location hash 但它不起作用 function var anchor document location hash this returns me a string va
  • 从 FileReader 设置背景图像样式

    我正在寻找一种解决方案 允许我从文件上传输入中获取文件并通过设置 document body style backgroundImage 来预览它 以下代码用于在 Image 元素中显示预览 function setImage id tar
  • JavaScript 相对路径

    在第一个 html 文件中 我使用了一个变量类别链接 var categoryLinks Career prospects http localhost Landa DirectManagers 511 HelenaChechik Dim0
  • 使用 MongoDB 和 Nodejs 插入和查询日期

    我需要一些帮助在 mongodb 和 nodejs 中按日期查找记录 我将日期添加到抓取脚本中的 json 对象 如下所示 jsonObj last updated new Date 该对象被插入到 mongodb 中 我可以看到如下 la
  • 如何使用asm.js进行测试和开发?

    最近我读到asm js规范 看起来很酷 但是是否有任何环境 工具来开发和测试这个工具 这还只是处于规范阶段吗 您可以尝试使用 emscripten 和 ASM JS 1 并从侧分支在 firefox 构建中运行它 有关 asm js 的链接

随机推荐

  • 有没有办法改变包装时物品的顺序?

    我正在尝试创建一个网站的一部分 由 3 个部分组成 我们称它们为 A B C 其中 A 和 B 彼此相邻 对齐以接触容器的相对两侧 它们下面是 C 但是当 A 和 B 在容器中无法并排放置时 B 会包裹在 C 下方 而不是包裹在 A 和 C
  • 错误:“}”中出现意外的“}”[重复]

    这个问题在这里已经有答案了 我有以下代码 TB lt data frame 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 TB BIG value lt apply TB 1 function r sr lt so
  • 偶数斐波那契数之和 < X

    我正在研究这个 我似乎有一个可行的解决方案 但我很难理解它的行为 这是我所拥有的 usr bin python def even fib sums limit number 1 last 0 before last 0 total 0 fo
  • F# 异步显示 WPF 窗口

    这个问题一直让我抓狂 总体要点如下 我的解决方案中有两个项目 第一个是 F 控制台应用程序 第二个是 C 库 其中包含名为的 C XAML 类DisplayWindow继承自 WPF 窗口 DisplayWindow有一个方法public
  • 注销后的 JSF 生命周期

    我正在使用基于表单的身份验证 我有一个注销链接 如下所示
  • 如何返回一个字符串?

    import java util public class HangManP5 public static void main String args int attempts 10 int wordLength boolean solve
  • IllegalArgumentException,从 s3 而不是 hdfs 指定输入/输出时出现错误的 FS

    我一直在本地集群上运行 Spark 作业 该集群具有 hdfs 从中读取输入并写入输出 现在我已经设置了一个 AWS EMR 和一个 S3 存储桶 其中有我的输入 并且我希望我的输出也写入 S3 错误 用户类抛出异常 java lang I
  • Mac 和 iPhone 开发书籍 2009 [已关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心以获得指导 目前关于 Mac 和 iP
  • 用于从 [string] 解析输入参数-值对的本机机制

    是否有一个本机内置构造可以使用与 cmdlet 参数相同的规则自动将控制台输入解析为变量 例如 许多 cmdlet 接受以下形式的参数值对 parameter1 unspaced value1 parameter2 spaced value
  • Swift 3,元类型问题中的“.self”实际上正确吗?

    我有一个扩展可以沿着视图控制器链 甚至通过容器视图 这非常方便 public extension UIViewController go up to a certain class public func above
  • #1060 - 重复的列名

    为什么这个查询会出错 1060 Duplicate column name studentID 在 MySQL 中 我该如何预防 CREATE TEMPORARY TABLE tempTable select from member inf
  • Html 5 Canvas 完整箭头

    我正在使用 wPaint 插件 并尝试添加更多功能 我需要的是一条以 箭头 结尾的画线 我已经尝试了几乎所有我能想到的东西 但我只能得到箭头的一半 想象 这是绘制线条的函数 带有半箭头 drawArrowMove function e se
  • GCM.jar android studio

    现在我收到这个错误 Could not find gcm jar Please install the Android SDK Extra Google Cloud Messaging for Android Library using t
  • 将产品缩略图添加到我的帐户 - 最近的订单 - Woocommerce

    我想知道是否有办法将产品缩略图添加到 Woocommerce 前端 我的帐户 中买家的 最近订单 页面中 我一直在尝试寻找某种解决方案 但始终没有运气 我没有尝试过任何方法来给你一个代码 只是因为我不知道如何 实际上去解决这个问题 有人能指
  • 将 CA 签名的证书导入到 JKS

    I got 4 crt来自 CA 的文件如下 AddTrustExternalCARoot crt COMODORSADomainValidationSecureServerCA crt COMODORSAAddTrustCA crt de
  • 将 JSON 文件导入 MS Access 表

    我正在尝试将 JSON 文件导入到 MS Access 表中 我在网上查了一下 发现这个堆栈溢出链接说明了这一点 自动将 JSON feed 解析到 MS Access 中我已经复制并粘贴了该字符串中的代码 并对其进行了修改以提取我的 JS
  • Java如何调用对象的函数?

    从我之前和之后读到的内容来看 java文件编译为 class文件 每个对象都是简单的Object擦除后 例如 Foo f new Foo 编译为 class文件 反编译 则变为 Object f new Foo 那么JRE在运行时是如何调用
  • SplitView.PaneClosed 事件可用,但不适用于 PaneOpened

    根据https msdn microsoft com en us library windows apps windows ui xaml controls splitview paneheld aspxSplitView 控件没有 Pan
  • OnClientClick 正在停止回发

    我有一组 ASP NET 控件
  • 如何在 Node.js 中重定向时将数据从 Express 传递到 .ejs 文件

    我在 login ejs 文件中有登录表单 当我填写信息后单击 提交 时 如果详细信息正确 我将重定向到该页面 否则我想在 ejs 中显示密码错误的内容 以下是详细信息 这是我的 app js 文件代码 这里我发送一个 json 并将该无效