如何在服务器端接收 JSON 数据？

JavaScript Object Notation (JSON)是一种数据传输格式，用于向服务器发送数据或从服务器发送数据。由于其优点和简单性，它通常用于 API 集成。在本例中，我们将利用XML HttpRequest将数据传送到服务器。

前端：我们将使用一个包含姓名和电子邮件的简单表单作为输入和提交按钮将其发送到服务器。发送到 Web 服务器的数据必须是字符串。因此，我们使用JSON.stringify()函数将数据转换为字符串，并通过XHR 请求将其传输到服务器。

HTML

  

    GeeksForGeeks
    
    
    
      Submit
    
    
        function sendJSONdata() {
            var name = document.getElementById("name");
            var email = document.getElementById("email");
  
            // Creating a XHR object
            var xhr = new XMLHttpRequest();
  
            // open a connection
            xhr.open("POST", "/userdata");
  
            // Setting the request header
            xhr.setRequestHeader(
              "Content-Type", "application/json"
            );
  
            // Converting JSON data to string
            var data = JSON.stringify(
              { name: name.value, email: email.value }
            );
            xhr.send(data);
  
            name.value = "";
            email.value = "";
        }
    

  

后端：我们将使用Express框架和 NodeJS 来创建运行在 3000 端口上的服务器。前端在/userdata路由上的 post 请求在这里处理，通过记录前端可以看到前端发送的数据console.log() 方法的帮助。

Javascript

const express = require("express");
const bodyParser = require("body-parser");
  
const app = express();
  
app.use(bodyParser.json());
  
app.get("/", function (req, res) {
    res.sendFile(__dirname + "/index.html");
});
  
app.post("/userdata", function (req, res) {
    console.log(req.body);
});
  
app.listen(3000, function () {
    console.log("Server started on port 3000");
});

输出：