protocol -- 协议 http https
host -- 主机(默认或者IP地址)
port -- 端口
path -- 路径（请求路劲，约定了客户端请求的资源位置）
query -- 参数（查询字符串）
hash -- 锚点（哈希)
- url
//url字符串形式-----url对象形式
const url = require('url');
let str = "http://www.baidu.com:8080/abc/qqq/ddd?key=123&word=javascript#id";
// 第一个参数为URL字符串
// 第二个参数true表示把query属性变成对象形式
// 第三个参数的作用主要用于操作//foo/bar这种格式的字符串，把双斜杠后面的第一个字符串解析为host
let obj = url.parse(str1, true, true);
console.log(obj);
console.log(obj.query.key);
console.log(obj.query.word);
//url对象形式----url字符串形式
let o = {
protocol: 'http:',
slashes: true,
auth: null,
host: 'www.baidu.com:8080',
port: '8080',
hostname: 'www.baidu.com',
hash: '#id',
search: '?key=123&word=javascript',
query: { key: '123', word: 'javascript' }, ------用的最多
pathname: '/abc/qqq/ddd',
path: '/abc/qqq/ddd?key=123&word=javascript',
href: 'http://www.baidu.com:8080/abc/qqq/ddd?key=123&word=javascript#id'
}
let str = url.format(o);
console.log(str);
- get
步骤：1.到静态资源服务器下面找login.html http://10.134.164.143:3000/www/login.html
2.在login.html下面点击提交会变成 http://10.134.164.143:3000/check
//www下的login页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
</head>
<body>
<form action="/check" method="post"> ---点击提交后就变成http://10.134.164.143:3000/check
用户名： <input type="text" name="username" value="">
密 码： <input type="text" name="password" value="">
<input type="submit" name="" value="提交">
</form>
</body>
</html>
//index.js
/*
从服务器角度获取get请求参数
*/
const http = require('http');
const url = require('url');
const sserver = require('./static-server.js');
http.createServer((req,res)=>{
// 启动静态服务器功能
sserver.initStaticServer(req,res,__dirname,'/www');
// 判断是否为表达提交url
if(req.url.startsWith('/check')){
let obj = url.parse(req.url,true);
if(obj.query){
// 设置响应内容格式和编码
res.writeHead(200,{
'Content-Type':'text/plain; charset=utf8'
});
// 判断用户名和密码是否正确
if(obj.query.username=='admin'&&obj.query.password=='123'){
res.end('登录成功');
}else{
res.end('用户名或者密码错误');
console.log(obj.query.username)
}
}
}
}).listen(3000,'10.134.164.143',()=>{
console.log('running...');
});
- post
/**
* 从服务器角度获取post提交数据
*/
const http = require('http');
const querystring = require('querystring');
const sserver = require('./static-server.js');
http.createServer((req, res) => {
// 启用静态服务器功能
sserver.initStaticServer(req, res, __dirname, '/www');
// 判断是否为表单提交的URL
if(req.url.startsWith('/check')){
let pdata = "";
// 基于事件的回调函数，回调函数接收到一部分数据就调用一次
req.on('data', (chunk) => {
pdata += chunk;
});
// 接收到所有的数据之后才能调用end对应的回调函数
req.on('end', () => {
let obj = querystring.parse(pdata);
// 设置响应内容格式和编码
res.writeHead(200, {
'Content-Type':'text/plain; charset=utf8'
});
// 判断用户名和密码是否正确
if(obj.username == 'admin' && obj.password == "123"){
res.end('登录成功');
}else {
res.end('用户名或者密码错误');
}
});
}
}).listen(3000, () => {
console.log("running……");
})
