node—url路径模块

Get参数处理

  • 1.如何拿到Get请求传递过来的参数
    • 使用URL模块
    • url.format(urlObject)将路径转换为对象
    • url.parse(urlString[, parseQueryString[, slashesDenoteHost]]) 将对象转换为路径
// 因为是自己创建的服务器，所以测试需要运行以下代码后
// 在网页输入127.0.0.1:3000?name=ws&age=29
// 页面输出为ws---29就证明没问题啦~


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

// 1.创建一个服务器实例对象
let server = http.createServer();
server.on("request", function (req, res) {
    let obj = url.parse(req.url, true);
    res.end(obj.query.name + "----" + obj.query.age);
});
// 3.指定监听的端口
server.listen(3000);

POST参数处理

  • 如何拿到POST请求传递过来的参数

    • 使用querystring模块
      • querystring.parse(str[, sep[, eq[, options]]]) 将参数转换为对象
      • querystring.stringify(obj[, sep[, eq[, options]]]) 将对象转换为参数

  • 注意点

    • 在NODEJS中,POST请求的参数我们不能一次性拿到, 必须分批获取
<form action="http://127.0.0.1:3000/index.html" method="post">
    <input type="text" name="userName">
    <input type="text" name="password">
    <input type="submit" value="提交">
</form>

<script>
let http = require("http");
let queryString = require("querystring");

// 1.创建一个服务器实例对象
let server = http.createServer();
server.on("request", function (req, res) {
    // 1.定义变量保存传递过来的参数
    let params = "";
    req.on("data", function (chunk) {
        // 每次只能拿到一部分数据
        params += chunk;
    });
    req.on("end", function () {
        // 这里才能拿到完整的数据
        let obj = queryString.parse(params);
        res.end(obj.userName + "----" + obj.password);
    });
});
// 3.指定监听的端口
server.listen(3000);
</script>

区分GET-POST请求

  • 在服务端如何区分用户发送的是GET请求和POST请求?
    • 通过HTTP模块http.IncomingMessage类的.method属性
// <form action="http://127.0.0.1:3000/index.html" method="get">
<form action="http://127.0.0.1:3000/index.html" method="post">
    <input type="text" name="userName">
    <input type="text" name="password">
    <input type="submit" value="提交">
</form>

<script>
let http = require("http");

// 1.创建一个服务器实例对象
let server = http.createServer();
server.on("request", function (req, res) {
    res.writeHead(200, {
        "Content-Type": "text/plain; charset=utf-8"
    });
    if(req.method.toLowerCase() === "get"){
        res.end("利用GET请求的方式处理参数");
    }else if(req.method.toLowerCase() === "post"){
        res.end("利用POST请求的方式处理参数");
    }
});
// 3.指定监听的端口
server.listen(3000);
</script>

动态网站(练习,不专业版本)

  • index.html文件
<form action="./info.html" method="post">
    <input type="text" name="userName">
    <input type="submit" value="查询">
</form>
  • info.html文件
<ul>
    <li>姓名：!!!name!!!</li>
    <li>性别：!!!gender!!!</li>
    <li>年龄：!!!age!!!</li>
</ul>
  • index.js文件
let url = require('url');
let http = require('http');
let server = http.createServer();
let queryString = require('querystring');
let fs = require('fs');
let path = require('path');

let persons = {
    "lisi": {
        name: "lisi",
        gender: "male",
        age: "33"
    },
    "zhangsan": {
        name: "zhangsan",
        gender: "female",
        age: "18"
    }
};

server.on('request',function (req,res) {
    if(req.url.startsWith('/index') && req.method.toLowerCase() === 'get'){
        let obj = url.parse(req.url);
        let filePath = path.join(__dirname,obj.pathname);
        fs.readFile(filePath,'utf8',function (err,content) {
            if(err){
                res.writeHead(404,{
                    'Content-Type': 'text/plain;charset=utf-8'
                });
                res.end('页面找不到');
            }
            res.writeHead(200,{
                'Content-Type': 'text/html;charset=utf-8'
            });
            res.end(content);
        });
    }else if(req.url.startsWith('/info') && req.method.toLowerCase() === 'post'){
        let params = '';
        req.on('data',function (chunk) {
            params += chunk;
        });

        req.on('end',function () {
            let obj = queryString.parse(params);
            let per = persons[obj.userName];
            let filePath = path.join(__dirname,req.url);
            fs.readFile(filePath,'utf8',function (err,content) {
                if(err){
                    res.writeHead(404,{
                        'Content-Type': 'text/plain;charset=utf-8'
                    });
                    res.end('页面找不到');
                }
                content = content.replace('!!!name!!!',per.name);
                content = content.replace('!!!gender!!!',per.gender);
                content = content.replace('!!!age!!!',per.age);
                res.end(content);
            });
        });
    }
});
server.listen(3000);
动态网站(专业版本)
  • 利用引擎模块art-template，更方便更专业
    • info文件不变
    • index.html文件需变动
    • index.js文件需变动
<ul>
    <li>姓名：<%=name%></li>
    <li>性别：<%=gender%></li>
    <li>年龄：<%=age%></li>
</ul>

let url = require('url');
let http = require('http');
let server = http.createServer();
let queryString = require('querystring');
let fs = require('fs');
let path = require('path');
let template = require('art-template');  // 把引擎模块引入

let persons = {
    "lisi": {
        name: "lisi",
        gender: "male",
        age: "33"
    },
    "zhangsan": {
        name: "zhangsan",
        gender: "female",
        age: "18"
    }
};

server.on('request',function (req,res) {
    if(req.url.startsWith('/index') && req.method.toLowerCase() === 'get'){
        let obj = url.parse(req.url);
        let filePath = path.join(__dirname,obj.pathname);
        fs.readFile(filePath,'utf8',function (err,content) {
            if(err){
                res.writeHead(404,{
                    'Content-Type': 'text/plain;charset=utf-8'
                });
                res.end('页面找不到');
            }
            res.writeHead(200,{
                'Content-Type': 'text/html;charset=utf-8'
            });
            res.end(content);
        });
    }else if(req.url.startsWith('/info') && req.method.toLowerCase() === 'post'){
        let params = '';
        req.on('data',function (chunk) {
            params += chunk;
        });

        req.on('end',function () {
            let obj = queryString.parse(params);
            let per = persons[obj.userName];
            let filePath = path.join(__dirname,req.url);
            let html = template(filePath, per);  // 利用引擎模块编写更方便，更专业
            res.writeHead(200,{
                'Content-Type': 'text/html;charset=utf-8'
            });
            res.end(html);
        });
    }
});
server.listen(3000);
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 212,383评论 6赞 493
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 90,522评论 3赞 385
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 157,852评论 0赞 348
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 56,621评论 1赞 284
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 65,741评论 6赞 386
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 49,929评论 1赞 290
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,076评论 3赞 410
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 37,803评论 0赞 268
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 44,265评论 1赞 303
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,582评论 2赞 327
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,716评论 1赞 341
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 34,395评论 4赞 333
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 40,039评论 3赞 316
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,027评论 1赞 266
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 46,488评论 2赞 361
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 43,612评论 2赞 350