首先生成需要有表单提交的简单项目(这里以留言板为例),文件目录展示如下:
视图的书写留言便页面:
设置表单中的action属性值和method属性值:
接下来我们需要引入url核心模块:
let url = require(‘url’)
然后我们调用url.parse()方法将路径解析为一个方便操作的对象,第二个参数为true表示直接将查询字符串转为一个对象(通过query属性来访问)
为了方便理解,我们打印出url.parse()的返回值来看看它返回对象的内容:
let url = require(‘url’)
let parseObj = url.parse(‘http://127.0.0.1:3000/pinglun?yourname=%E5%AD%99%E6%82%9F%E7%A9%BA&massage=%E6%88%91%E4%BC%9A%E4%B8%83%E5%8D%81%E4%BA%8C%E5%8F%98++++++++++++’,true)
console.log(parseObj)
返回结果如下:
Url {
protocol: null,
slashes: null,
auth: null,
host: null,
port: null,
hostname: null,
hash: null,
search: ‘?yourname=%E5%AD%99%E6%82%9F%E7%A9%BA&massage=%E6%88%91%E4%BC%9A%E4%B8%83%E5%8D%81%E4%BA%8C%E5%8F%98++++++++++++’,
query: [Object: null prototype] {
yourname: ‘孙悟空’,
massage: '我会七十二变 ’
},
pathname: ‘/pinglun’,
path: ‘/pinglun?yourname=%E5%AD%99%E6%82%9F%E7%A9%BA&massage=%E6%88%91%E4%BC%9A%E4%B8%83%E5%8D%81%E4%BA%8C%E5%8F%98++++++++++++’,
href: ‘/pinglun?yourname=%E5%AD%99%E6%82%9F%E7%A9%BA&massage=%E6%88%91%E4%BC%9A%E4%B8%83%E5%8D%81%E4%BA%8C%E5%8F%98++++++++++++’
}
从上面可以看出,运用url.parse()这个方法,它可以返回一个方便我们操作的对象,
我们需要注意这个对象中以下个属性:
-
query(拿到查询字符换,并且以JSON格式展示,这都归功于那个“true”)
-
pathname(拿到除了查询字符串的url)
我们先简单在留言板上随意输入一些信息
点击提交按钮
接着我们在服务器中通过url核心模块设置路径:
let http = require(‘http’)
let fs = require(‘fs’)
let url = require(‘url’)
let server = http.createServer()
server.listen(3000,function(){
console.log(‘server is running’);
})
server.on(‘request’,function(req,res){
let parseObj = url.parse(req.url,true)
// let url = req.url 不再使用未加工过的url(含有查询字符串)
//单独获取不包含查询字符串的url部分
let pathname = parseObj.pathname
if(pathname === ‘/’) {
fs.readFile(‘./views/index.html’,function(err,data) {
if(err) {
res.end(‘not found’)
} else {
res.end(data)
}
})
} else if (pathname.indexOf(‘/public/’) === 0) { //把之前所有的url替换为pathname
fs.readFile(‘.’ + pathname,function(err,data){
if(err) {
res.end(‘404 Not Found’)
} else {
res.end(data)
}
})
} else if (pathname === ‘/board.html’) {
fs.readFile(‘./views/board.html’,function(err,data){
if(err) {
res.end(‘404 Not Found’)
} else {
res.end(data)
}