如何处理从页面传来的参数?
1.url.parse(urlString[, parseQueryString[, slashesDenoteHost]])
- urlString URL 字符串
- parseQueryString 是否解析
- slashesDenoteHost
默认为false,//foo/bar形式的字符串将被解析成{pathname: ‘//foo/bar’}
如果设置成true,//foo/bar形式的字符串将被解析成{host: ‘foo’, pathname: ‘/bar’}
2.get请求和post请求的区别
get请求用于客户端向服务端获取数据,post请求是客户端传递数据给服务端。
3.url.parse()的使用
例如,想要处理百度首页的url:
const url = require('url');
console.log(url.parse('https://www.baidu.com/index.php?tn=monline_3_dg'));
结果如下:
parseQueryString 可以定义是否解析,如果设置为true,就代表解析query,例如:
const url = require('url');
console.log(url.parse('https://www.baidu.com/index.php?tn=monline_3_dg',true));
此时,query就被解析了,返回的结果是一个对象,是键值对的形式。
结果如下:
4.如何处理get请求
const url = require('url');
const http = require('http');
const server = http.createServer((req,res) => {
//通过url.parse()来获取url上传递的一些数据
//req.url可以获取url
let urlObj = url.parse(req.url,true);
//通过 JSON.stringify() 把 JavaScript 对象转换为字符串
//通过 urlObj.query 方法取到query里的内容
res.end(JSON.stringify(urlObj.query));
})
server.listen(3000,() => {
console.log('监听3000端口')
})
打开浏览器,在地址栏输入 http://localhost:3000
自己添加一些参数,如http://localhost:3000/api/getMsg?name=xutian&sex=female,结果如下:
4.如何处理post请求
const url = require('url');
const http = require('http');
const server = http.createServer((req,res) => {
let postData = '';
req.on('data',chunk => {
postData += chunk;
})
req.on('end',() => {
console.log(postData);
})
res.end(JSON.stringify({
data:'请求成功',
code:0
}))
})
server.listen(3000,() => {
console.log('监听3000端口')
})
上段处理post请求代码无法进行模拟,可以使用postman这个软件来进行模拟测试:postman下载网址:https://www.postman.com/downloads/
如下图所示:
安装好postman,选择post,输入url,点击body,选择raw,写入JSON格式数据,选择JSON,点击send,就可以进行post请求模拟测试了。
这时,终端会输出:
5.整合get/post请求
如何判断是get请求还是post请求?
主要用到req.method方法来判断是’GET’还是’POST’。
const url = require('url');
const http = require('http');
const server = http.createServer((req,res) => {
if(req.method === 'GET'){
let urlObj = url.parse(req.url,true);
res.end(JSON.stringify(urlObj.query));
}else if(req.method === 'POST'){
let postData = '';
req.on('data',chunk => {
postData += chunk;
})
req.on('end',() => {
console.log(postData);
})
res.end(JSON.stringify({
data:'请求成功',
code:0
}))
}
})
server.listen(3000,() => {
console.log('监听3000端口')
})