如何在 Node.js 中获取发布数据？

Node.js 是基于 Chrome 的 V8 JavaScript 引擎构建的开源和跨平台运行时环境，用于在浏览器之外执行 JavaScript 代码。您需要记住 NodeJS 不是框架，也不是编程语言。在本文中，我们将讨论如何使用 node.js 发出 post 请求

POST 是 HTTP 支持的向服务器发送数据的请求方法。在 express 中，我们可以使用 app.post() 方法来接受一个 POST 请求。下面提到了使用 app.post() 方法的基本语法。

发布数据是在 app.post() 方法的回调函数内的req对象上提供给我们的。我们可以使用下面提到的语法访问作为正文发送的数据。

const bodyContent = req.body;

同样，如果我们想访问标题内容，那么我们可以使用下面提到的语法来实现。

const headerContent = req.headers;

项目设置：

第 1 步：如果您的计算机中未安装 Node.js，请安装 Node.js。

第 2 步：为您的项目创建一个文件夹，并在其中创建两个名为 app.js 和 index.html 的文件。

第 3 步：现在，在命令行上使用以下命令使用默认配置初始化一个新的 Node.js 项目。

npm init -y

第 4 步：现在在命令行中使用以下命令在项目中安装 express。

npm install express

项目结构：按照这些步骤操作后，您的项目结构将如下所示。

文件名：app.js

Javascript

// Importing express module
const express = require('express');
const app = express();
 
app.use(express.json());
 
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});
 
app.post('/', (req, res) => {
  const { username, password } = req.body;
  const { authorization } = req.headers;
  res.send({
    username,
    password,
    authorization,
  });
});
 
app.listen(3000, () => {
  console.log('Our express server is up on port 3000');
});

文件名：index.html

HTML

 

    
    POST DEMO

 

    
        
            Username
            
        
        
            Password
            
        
        Submit
    
 
    
        document.querySelector('button')
            .addEventListener('click', (e) => {
                e.preventDefault();
                const username = document
                    .querySelector('#user').value;
 
                const password = document
                    .querySelector('#pass').value;
                     
                fetch('/', {
                    method: 'POST',
                    headers: {
                        Authorization: 'Bearer abcdxyz',
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify({
                        username,
                        password,
                    }),
                })
                    .then((res) => {
                        return res.json();
                    })
                    .then((data) => console.log(data));
            });
    

 

在上面的示例中，我们创建了一个快速服务器来呈现 index.html 文件。此 index.html 包含一个表单，该表单具有两个输入，即用户名和密码。当我们按下提交按钮时，它会向主路由发送一个 POST 请求，其中包含用户名和密码的正文以及包含授权令牌的标头。我们在 app.post() 方法中处理这个 post 请求，并发送这些详细信息，即用户名、密码和授权令牌作为响应。我们稍后将这些详细信息打印到控制台。

使用以下命令运行app.js文件：

node app.js

输出：打开浏览器并访问http://localhost:3000 ，您将看到以下输出。