AJAX - 如何将值传递回服务器

在 AJAX 中，将值传递回服务器的常用方法是通过发送 HTTP 请求。这可以通过使用 XMLHttpRequest 或 Fetch API 来实现。以下是一个使用 XMLHttpRequest 的示例：

// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

// 准备发送请求
xhr.open("POST", "your_server_url_here", true);

// 设置请求头
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

// 发送请求
xhr.send("key1=value1&key2=value2");

在这个示例中，我们创建了一个新的 XMLHttpRequest 对象，并使用 open 方法准备发送请求。我们将请求类型设置为 POST，并指定服务器 URL。我们还将 Content-Type 请求头设置为 application/x-www-form-urlencoded，这是发送表单数据的标准方式。最后，我们使用 send 方法发送请求，并将要发送的数据作为参数传递给它。

在服务器端，您可以使用您喜欢的编程语言和框架来处理请求。例如，在 Node.js 中，您可以使用 Express.js 框架来创建一个简单的服务器，并使用 body-parser 中间件来解析传入的数据。以下是一个示例：

const express = require('express');
const bodyParser = require('body-parser');

const app = express();

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

app.post('/your_server_url_here', (req, res) => {
  const key1 = req.body.key1;
  const key2 = req.body.key2;

  // 处理数据并返回响应
});

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

在这个示例中，我们使用 Express.js 创建了一个新的服务器，并使用 body-parser 中间件来解析传入的表单数据。我们还定义了一个 POST 路由，该路由将接收 AJAX 请求并处理数据。最后，我们使用 listen 方法启动服务器并监听端口 3000。