📜  联系表格 7 nach formular absenden redirect auf bestätigungsseite (1)

📅  最后修改于: 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页面,并显示一个感谢消息。

请注意,上述代码仅为示例,您可以根据自己的需求进行修改和扩展。