📜  post express node js input - Javascript(1)

📅  最后修改于: 2023-12-03 15:03:48.726000             🧑  作者: Mango

Post Express Node.js Input - Javascript

介绍

本文将介绍如何在Node.js中使用Express和Javascript来处理POST请求和输入数据。

环境准备

在开始本文之前,请确保您已经安装了Node.js和NPM。如果您还没有安装,请前往官方网站 https://nodejs.org 下载并安装。

安装Express

首先,我们需要安装Express框架。请在命令行中执行以下命令:

npm install express --save
创建Express应用程序

接下来,我们需要创建一个Express应用程序。请在项目根目录下创建一个名为"app.js"的文件,并将以下代码添加到其中:

const express = require('express');
const app = express();

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

这将创建一个简单的Express应用程序,并启动一个监听端口为3000的HTTP服务器。

处理POST请求

要处理POST请求,我们需要使用Express中间件。请将以下代码添加到"app.js"中:

app.use(express.urlencoded({ extended: false }));

这将启用Express中间件,以解析URL编码表格数据。

接下来,我们将创建一个路由处理程序,以处理POST请求。请在"app.js"中添加以下代码:

app.post('/submit', (req, res) => {
  const username = req.body.username;
  const password = req.body.password;

  res.send(`Username: ${username}, Password: ${password}`);
});

这将创建一个POST路由,以处理提交表单。路由将从请求中获取用户名和密码,并将其发送回响应。

创建表单

为了进行测试,我们需要一个HTML表单。请在项目根目录下创建一个名为"index.html"的文件,并将以下代码添加到其中:

<!DOCTYPE html>
<html>
  <head>
    <title>POST Request Example</title>
  </head>
  <body>
    <form method="POST" action="/submit">
      <label for="username">Username:</label>
      <input type="text" id="username" name="username"><br><br>
      <label for="password">Password:</label>
      <input type="password" id="password" name="password"><br><br>
      <input type="submit" value="Submit">
    </form>
  </body>
</html>

这将创建一个简单的表单,该表单将向我们刚刚创建的POST路由发送数据。

运行应用程序

现在我们准备好运行我们的应用程序了。请在命令行中切换到项目根目录,并运行以下命令:

node app.js

现在,您可以在您的Web浏览器中打开 http://localhost:3000 并提交表单。应用程序将响应请求并返回表单数据。

总结

在本文中,我们介绍了如何在Node.js中使用Express和Javascript来处理POST请求和输入数据。我们学习了如何安装Express框架,创建一个Express应用程序,并处理POST请求。我们还创建了一个简单的HTML表单,该表单将向我们的应用程序发送数据。