URL 模塊提供了一些解析 URL 的工具
var url = require('url');URL 是一段 結構化的字符串，包含了多個有意義的部分。解析完成以後，會返回一個 URL對象（包含每個部分的屬性）。
urlObject.href
href 屬性指的是 被解析後完整的 URL 字符串，包括 協議名、主機名等部分，並且被轉換成小寫字母
例如：'http://user:[email protected]:8080/p/a/t/h?query=string#hash'
urlObject.protocol
protocol 屬性指的是 小寫格式 URL 的協議名
例如：'http:'
urlObject.slashes
slashes 屬性是一個布爾值，如果協議名後緊跟着兩個 //，則爲true
urlObject.host
host 屬性是整個小寫 URL 的主機名，也包括端口號
例如：'host.com:8080'
urlObject.auth
auth 屬性是 URL 的用戶名和密碼部分
例如：'user:pass'
urlObject.hostname
hostname 屬性是小寫 URL 的主機名，不包括端口號
例如：'host.com'
urlObject.port
port 屬性是端口號， host 屬性中的數字部分
例如：'8080'
urlObject.pathname
pathname 屬性由 URL 完整的路徑部分組成，位於在host屬性（包括端口號）之後和 query或hash 屬性之前的部分，由？或 # 來界定
例如：'host.com'
urlObject.search
search 屬性由 URL 中的整個 query string 部分組成，包含 “？”符號
例如：'?query=string'
urlObject.path
path 屬性是 pathname 部分和 search 部分的串聯
例如：'/p/a/t/h?query=string'
urlObject.query
query 屬性是不包含 “？”符號的 query string 或者是通過 querystring 模塊的 parse() 方法返回的一個對象。
例如：'query=string' or {'query': 'string'}
urlObject.hash
hash 屬性指的是錨點，URL中包含“#”符號的部分
例如：'#hash'
現在可以通過一段 JS 代碼來查看下 URL 被解析後的各個部分
var http = require('http');
var url = require('url');
var server = http.createServer(function(req,res){
//url.parse() 接收一個URL字符串，解析並返回一個URL對象
var result = url.parse('http://user:[email protected]:8080/p/a/t/h?query=string#hash');
console.log(result);
res.end();
});
server.listen(4000, '127.0.0.1');打開瀏覽器，在地址欄輸入“127.0.0.1:4000”，可以查看到控制檯打印出: （此處用的是Webstorm，如果不是的話，還需要用命令行工具先掛起服務器）
url.parse()如果第二個參數是true，那麼就可以將所有的查詢變爲對象
var http = require('http');
var url = require('url');
var server = http.createServer(function(req,res){
//url.parse() 接收一個URL字符串，解析並返回一個URL對象
var result = url.parse('http://user:[email protected]:8080/p/a/t/h?query=string#hash',true);
console.log(result);
res.end();
});
server.listen(4000, '127.0.0.1');查看打印結果中 query 部分
根據前面的概念，我們嘗試做一個小例子。新建一個表單頁面，輸入用戶名、年齡、性別，提交到 127.0.0.1:5000，在頁面中輸出 提交的信息
HTML代碼：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="format-detection" content="telephone=no"/> <meta name="format-detection" content="email=no"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <form action="http://127.0.0.1:5000" method="get"> 用戶名：<input type="text" name="name"><br> 年齡：<input type="text" name="age"><br> 性別：<input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女 <br> <input type="submit" value="提交"> </form> </body> </html>
JS代碼：
var http = require('http');
var url = require('url');
var server = http.createServer(function(req,res){
//獲取查詢部分，第二個參數是true，所以得到了一個對象；否則，得到一個字符串
var queryObject = url.parse(req.url, true).query;
//獲得用戶名
var name = queryObject.name;
//獲得年齡
var age = queryObject.age;
//獲得性別
var gender = queryObject.gender;
res.end('服務器收到了表單請求：'+ name +':' + age +':'+gender)
});
server.listen(5000, '127.0.0.1');雙擊打開客戶端的表單頁面，錄入信息以後，點擊“提交”按鈕
提交以後獲取到了用戶信息：
