使用FETCH在不刷新的情况下在同一页面上发布文本，并将数据发送到数据库

// 假设有一个表单输入框和提交按钮
const inputText = document.getElementById('inputText');
const submitBtn = document.getElementById('submitBtn');

submitBtn.addEventListener('click', () => {
  const text = inputText.value;

  // 使用FETCH发送POST请求
  fetch('/api/saveText', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({ text })
  })
  .then(response => response.json())
  .then(data => {
    // 处理服务器返回的响应数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });
});

// 假设使用Node.js的Express框架
const express = require('express');
const app = express();

app.use(express.json());

app.post('/api/saveText', (req, res) => {
  const text = req.body.text;

  // 将数据存储到数据库中
  // ...

  // 返回响应
  res.json({ message: 'Text saved successfully' });
});

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