如何在不重新加载页面的情况下使用 Ajax 从客户端向 Node.js 服务器发送数据？

Ajax 可以在不重新加载页面的情况下向服务器发送数据并获取响应，使用户可以在页面上执行动作而不会破坏页面的状态。Node.js 可以作为服务器处理 Ajax 请求并返回响应。下面是一些使用 Ajax 从客户端向 Node.js 服务器发送数据的步骤和代码示例。

准备工作

在使用 Ajax 发送请求之前，需要引入 jQuery（或其他支持 Ajax 的 JavaScript 库）：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

发送 GET 请求

可以使用 jQuery 的 get() 方法发送 GET 请求：

$.get('/path/to/server', {key1: 'value1', key2: 'value2'}, function(response) {
    console.log(response);
});

其中，/path/to/server 是服务器的 URL，{key1: 'value1', key2: 'value2'} 是请求参数，function(response) {...} 是回调函数，response 是服务器返回的响应数据。

使用 Node.js 处理 GET 请求的示例代码：

const http = require('http');
const url = require('url');

http.createServer((req, res) => {
    const queryObject = url.parse(req.url, true).query;
    const responseText = `Hello, ${queryObject.name}!`;
    res.setHeader('Content-Type', 'text/plain');
    res.end(responseText);
}).listen(8080);

其中，req.url 是请求的 URL，url.parse(req.url, true).query 是解析 URL 中的查询参数，responseText 是要返回的文本，res.setHeader('Content-Type', 'text/plain') 是设置响应头，res.end(responseText) 是发送响应并关闭连接。

发送 POST 请求

可以使用 jQuery 的 post() 方法发送 POST 请求：

$.post('/path/to/server', {key1: 'value1', key2: 'value2'}, function(response) {
    console.log(response);
});

其中，/path/to/server 是服务器的 URL，{key1: 'value1', key2: 'value2'} 是请求参数，function(response) {...} 是回调函数，response 是服务器返回的响应数据。

使用 Node.js 处理 POST 请求的示例代码：

const http = require('http');
const querystring = require('querystring');

http.createServer((req, res) => {
    let body = '';
    req.on('data', chunk => body += chunk.toString());
    req.on('end', () => {
        const data = querystring.parse(body);
        const responseText = `Hello, ${data.name}!`;
        res.setHeader('Content-Type', 'text/plain');
        res.end(responseText);
    });
}).listen(8080);

其中，req.on('data', chunk => body += chunk.toString()) 和 req.on('end', () => {...}) 分别是处理请求体和结束请求的事件回调函数，querystring.parse(body) 是解析请求体中的参数，responseText 是要返回的文本，res.setHeader('Content-Type', 'text/plain') 是设置响应头，res.end(responseText) 是发送响应并关闭连接。

总结

以上是使用 Ajax 从客户端向 Node.js 服务器发送数据的基本步骤和代码示例。通过 Ajax 和 Node.js，可以实现高效的异步通信和动态更新页面，提升用户体验和网站性能。