要将HTML表单的用户输入传递到Express节点JS而不路由到新页面,可以通过以下步骤实现:
<form>
标签包裹用户输入的表单元素,设置action
属性为Express节点JS的路由路径,设置method
属性为POST
或GET
,并添加一个提交按钮。<form action="/submit" method="POST">
<!-- 表单元素 -->
<input type="text" name="username" placeholder="用户名">
<input type="password" name="password" placeholder="密码">
<!-- 其他表单元素 -->
<button type="submit">提交</button>
</form>
body-parser
中间件解析请求体,并处理表单提交的数据。const express = require('express');
const bodyParser = require('body-parser');
const app = express();
// 解析请求体
app.use(bodyParser.urlencoded({ extended: false }));
// 处理表单提交
app.post('/submit', (req, res) => {
const username = req.body.username;
const password = req.body.password;
// 处理表单数据,例如存储到数据库或进行其他操作
// ...
// 返回响应
res.send('提交成功');
});
app.listen(3000, () => {
console.log('Express服务器已启动');
});
在上述代码中,body-parser
中间件用于解析请求体,使得可以通过req.body
访问到表单提交的数据。在app.post('/submit')
路由处理函数中,可以对表单数据进行处理,例如存储到数据库或进行其他操作,并通过res.send()
返回响应给客户端。
这种方式可以实现在不刷新页面的情况下将HTML表单的用户输入传递到Express节点JS,并在后端进行处理。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云