node.js处理前端提交的GET请求

要讲解如何用 Node.js 处理前端提交的 GET 请求，需要以下步骤：

1. 创建 Node.js 服务器
2. 接收前端发来的 GET 请求
3. 解析 GET 请求参数
4. 处理请求并返回响应数据

下面我们详细讲解如何用 Node.js 实现以上步骤：

创建 Node.js 服务器

首先需要安装 Node.js，然后打开命令提示符或终端，进入你的项目目录并执行以下命令创建 server.js 文件。

touch server.js

在 server.js 中写入以下代码：

const http = require('http');

const server = http.createServer((req, res) => {
  // 处理请求逻辑
});

server.listen(3000, () => {
  console.log('Server started on port 3000');
})

这段代码创建了一个 Node.js 服务器，并在终端中输出 Server started on port 3000。

接收前端发来的 GET 请求

在 Node.js 中处理 GET 请求需要使用 querystring 模块，该模块提供了解析查询字符串的方法。

在上面的 http.createServer 回调函数中，可以通过 req.url 获取到前端发送的 URL，然后使用 querystring 模块解析查询参数。

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

const server = http.createServer((req, res) => {
  const { pathname, searchParams } = new URL(req.url, `http://${req.headers.host}`);

  // 获取查询参数
  const query = querystring.parse(searchParams.toString());

  // 处理请求逻辑
});

server.listen(3000, () => {
  console.log('Server started on port 3000');
})

解析 GET 请求参数

使用 querystring 模块解析查询参数后，可以得到一个对象，该对象包含了所有的查询参数。

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

const server = http.createServer((req, res) => {
  const { pathname, searchParams } = new URL(req.url, `http://${req.headers.host}`);

  // 获取查询参数
  const query = querystring.parse(searchParams.toString());

  // 解析参数
  const { username, password } = query;

  // 处理请求逻辑
});

server.listen(3000, () => {
  console.log('Server started on port 3000');
})

处理请求并返回响应数据

最后一步是处理请求并返回响应数据。

在这里，我们使用简单的例子来说明如何返回响应数据。

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

const server = http.createServer((req, res) => {
  const { pathname, searchParams } = new URL(req.url, `http://${req.headers.host}`);

  // 获取查询参数
  const query = querystring.parse(searchParams.toString());

  // 解析参数
  const { username, password } = query;

  // 处理请求逻辑
  if (username && password) {
    // 返回成功的响应消息
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    res.end('Welcome ' + username);
  } else {
    // 返回失败的响应消息
    res.writeHead(400, { 'Content-Type': 'text/plain' });
    res.end('Please provide both username and password');
  }
});

server.listen(3000, () => {
  console.log('Server started on port 3000');
})

这段代码会根据查询参数中是否包含 username 和 password 返回不同的响应数据。如果请求成功，返回状态码为 200，响应消息为 Welcome ${username}，否则返回状态码为 400，响应消息为 Please provide both username and password。

这就是用 Node.js 处理前端提交的 GET 请求的完整攻略。在实际开发中，处理 POST 请求和处理 GET 请求类似，只需要使用不同的 HTTP 方法即可。