学习 MERN 技术栈第 37 天

学习 MERN Stack 第 37 天

我正在进行 MERN stack 学习之旅的第 37 天。

昨天，我为 /about 和 /contact 等页面设置了清晰的路由。今天，我专注于后端数据通信。我学习了 URL 解析和查询参数。

当你在网站上搜索产品时，网站会通过 URL 发送数据。你经常会在地址栏的问号后面看到额外的文本。这就是查询数据。

我学习了如何使用 Node.js url 模块来读取这些数据。该模块将长 URL 字符串转换为结构化对象。

数据分解如下：

• Pathname：这是主要位置，例如 /search 或 /api/products。
• Query：这些是问号后面的键值对，例如 ?name=ali&id=7。

url 模块让这些数据在代码中易于使用。它将字符串转换为 JavaScript 对象。

示例代码：

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

const server = http.createServer((req, res) => {
    let parsedUrl = url.parse(req.url, true); 
    let pathname = parsedUrl.pathname;
    let queryData = parsedUrl.query;

    if (pathname === "/search") {
        res.writeHead(200, { "Content-Type": "text/plain" });
        res.end(`Searching logs for user: ${queryData.name} with ID: ${queryData.id}`);
    } else {
        res.end("Standard Endpoint View");
    }
});
server.listen(8000);

学习解析 URL 有助于构建动态网站。你现在可以直接从网页地址中获取用户输入。

来源：https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758