表单get请求小例

最新推荐文章于 2024-05-30 08:07:46 发布

believealone

最新推荐文章于 2024-05-30 08:07:46 发布

阅读量254

点赞数

分类专栏： NODEJS 学习笔记

本文链接：https://blog.csdn.net/believealone/article/details/110919391

版权

NODEJS 学习笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

html 页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03-http_get</title>
</head>
<body>
    <fieldset>
        <legend><h2>HTTP_GET请求</h2></legend>
        <form action="http://127.0.0.1:7799" method="get">
            <input type="text" placeholder="用户名" name="username">
            <input type="text" placeholder="密码" name="password">
            <input type="submit">
        </form>
    </fieldset>
</body>
</html>

在这里插入图片描述

js 页面

const http = require("http");
const url = require("url");
const fs = require("fs");
const server = http.createServer(function (req, res) {
    /*
        此时服务器的要求
        1. 正确获取数据, 通过判断返回结果
        2. 对浏览器的图标请求作出响应

        如何区分是哪个请求????
        通过pathname来区分不同的请求
     */
    // url模块的parse方法可以有第二个参数, 如果是true, 会把解析对象里的query参数进一步解析成对象, 方便取用
    const urlObj = url.parse(req.url, true);
    if (urlObj.pathname == "/") {
        // form表单请求
        res.writeHead(200, {"Content-Type":"text/plain; charset=utf-8"});
        if (urlObj.query.username == "张三" && urlObj.query.password == "666") {
            res.end("登录成功!");
        } else {
            res.end("登录失败!");
        }
    }else {
        /*
            图标请求, 本质上是浏览器向服务器请求静态资源, 服务器需要想办法先读取静态资源, 将其转化成 数据流, 并将数据流返回给浏览器
         */
        // 1. 读取静态资源(favicon.ico图标图片)
        let readS = fs.createReadStream("favicon.ico");
        // 2. 将读取到的数据返回给前端
        //pipe  管道实现流读写
        readS.pipe(res);
    }
});
server.listen(7799, function () {
    console.log("服务器搭建完毕, listener....");
});

believealone

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单get请求小例

html 页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>03-http_get</title></head><body> <fieldset> <legend><h2>HTTP_GET请求</h2></legend&
复制链接

扫一扫

专栏目录