Node.js如何响应Ajax的POST请求并且保存为JSON文件详解

首先，我们需要创建一个Node.js服务器，以响应Ajax的POST请求。具体步骤如下：

创建Node.js服务器

在终端中运行 mkdir my-project 创建一个新的项目文件夹，并进入该文件夹 cd my-project。
运行 npm init 命令来创建项目的 package.json 文件。
运行 npm install express 安装 express 框架。
创建名为 app.js 的文件，并输入以下代码：

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

app.use(express.json())

app.post('/save-json', function (req, res) {
  const data = req.body
  fs.writeFile('data.json', JSON.stringify(data), function (err) {
    if (err) {
      res.send({status: 'error', message: err.message})
    } else {
      res.send({status: 'success', message: 'Data saved successfully'})
    }
  })
})

app.listen(3000, function () {
  console.log('Server is listening on port 3000')
})

上述代码中，我们首先引入了 express 和 fs 模块，然后创建了一个 app 实例，通过 app.use(express.json()) 将请求体转换为 JSON 格式，以便我们可以解析 POST 请求中的 JSON 数据。接着我们创建了一个 /save-json 路由，通过 fs.writeFile() 方法将 POST 请求中的 JSON 数据保存到 data.json 文件中。最后，我们启动了一个端口为 3000 的服务器。

发送Ajax请求

接下来，我们需要创建一个页面来发送 Ajax 请求，将数据保存到 Node.js 服务器上。

<html>
  <head>
    <title>Save data</title>
  </head>
  <body>
    <h1>Save data to server</h1>

    <form>
      Name: <input type="text" id="name"><br>
      Email: <input type="text" id="email"><br>
      <button id="submit">Save</button>
    </form>

    <script>
      const form = document.querySelector('form')
      const name = document.querySelector('#name')
      const email = document.querySelector('#email')
      const submit = document.querySelector('#submit')

      form.addEventListener('submit', function (e) {
        e.preventDefault()

        const data = {
          name: name.value,
          email: email.value
        }

        fetch('/save-json', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json'
          },
          body: JSON.stringify(data)
        })
        .then(res => res.json())
        .then(data => {
          console.log(data)
        })
      })
    </script>
  </body>
</html>

上述代码中，我们创建了一个简单的表单来输入姓名和邮箱。当用户点击“保存”按钮时，我们将表单数据转换为 JSON 格式，并通过 fetch() 方法发送 POST 请求到 /save-json 路由，将数据保存到服务器中。最后，我们在控制台中输出响应的 JSON 数据。

运行示例

在命令行中运行 node app.js 启动 Node.js 服务器。
打开浏览器，访问 http://localhost:3000，进入前面所述的页面，输入姓名和邮箱，并点击“保存”按钮。
在控制台中可以看到服务器响应的 JSON 数据。

以上就是Node.js如何响应Ajax的POST请求并且保存为JSON文件的完整攻略，其中包含了创建Node.js服务器和发送Ajax请求两个步骤。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Node.js如何响应Ajax的POST请求并且保存为JSON文件详解 - Python技术站

Node.js如何响应Ajax的POST请求并且保存为JSON文件详解

创建Node.js服务器

发送Ajax请求

运行示例

相关文章