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);