День 37 изучения MERN Stack

День 37 изучения MERN stack

Я на 37-м дне своего пути изучения MERN stack.

Вчера я настроил чистую маршрутизацию для таких страниц, как /about и /contact. Сегодня я сосредоточился на передаче данных на бэкенде. Я изучал парсинг URL и параметры запроса.

Когда вы ищете товары на сайте, сайт передает данные через URL. В адресной строке после вопросительного знака часто можно увидеть дополнительный текст. Это данные запроса.

Я узнал, как использовать модуль url в Node.js для чтения этих данных. Модуль преобразует длинную строку 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