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……");
})
