📅  最后修改于: 2023-12-03 14:57:05.275000             🧑  作者: Mango
以下是一个简单的程序示例,用于通过表单提交联系信息,并将用户重定向到确认页面。
**表单页面(contact_form.html):**
<html>
<head>
<title>联系表格</title>
</head>
<body>
<h1>联系表格</h1>
<form action="/submit" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
**服务器端代码(app.js):**
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.urlencoded({ extended: true }));
app.get('/', (req, res) => {
res.sendFile(__dirname + '/contact_form.html');
});
app.post('/submit', (req, res) => {
// 处理联系信息的代码
// 可以将数据保存到数据库或发送电子邮件等
res.redirect('/confirmation');
});
app.get('/confirmation', (req, res) => {
res.send('感谢您的提交!我们会尽快与您联系。');
});
app.listen(3000, () => {
console.log('应用程序正在监听端口 3000...');
});
以上代码使用了Node.js的Express框架。
在浏览器中访问http://localhost:3000
,将显示一个包含姓名和邮箱字段的联系表单。当用户提交表单时,它将被POST到/submit
端点,并执行相应的处理代码。处理代码可以根据需求进行自定义,例如将数据保存到数据库或发送电子邮件。然后,用户将重定向到/confirmation
页面,并显示一个感谢消息。
请注意,上述代码仅为示例,您可以根据自己的需求进行修改和扩展。