HTTP请求与相应处理
请求参数
客户端向服务器端发送请求时,有时需要携带一些客户信息,客户信息需要通过请求参数的形式传递到服务器端,比如登录操作。
GET请求参数
参数被放置在浏览器地址栏中,例如:http://localhost:3000/?name=zhangsan&age=20
问号的后面代表请求的参数,如传递多个参数以&分割。
参数获取需要借助系统模块url,url模块用来处理url地址。
因为参数在地址栏当中,那么就可以通过req.url来获取,用url模块来处理url地址,
url.parse(参数1,参数2)方法,用来解析url地址,以对象的形式进行返回,里面包含参数字符串,地址,端口号等。默认情况下查询参数依然是字符串类型。参数1代表要解析的url地址,参数2代表将查询参数解析成对象的形式。
案例:从url地址中获取参数中的name值和age值
const http = require('http')
const url = require('url') //处理url值需要引入url模块
const app = http.createServer()
app.on('request', (req, res) => {
let { query, pathname } = url.parse(req.url, true);
//利用对象解构来获取query 和 pathname 对象
console.log(query.name); //对象.参数名 获取参数值
console.log(query.age);
if (pathname == '/index' || pathname == '/') {
//pathname中存取的是客户端的请求地址(不带参数),所以用pathname做判断
//如果不用pathname做判断,那么当输入带有参数的地址时,都会显示no页面
res.end('主页')
} else if (pathname == '/list') {
res.end('list')
} else {
res.end('no')
}
})
app.listen(3000)
console.log('成功');
POST请求参数
参数被放置在请求体中进行传输。
获取POST参数需要使用data事件和end事件。
使用querystring系统模块将参数转换为对象格式。
案例:从表单提交数据到主页,获取参数值
const http = require('http')
const querystring = require('querystring')
//处理请求参数模块
const app = http.createServer()
app.on('request', (req, res) => {
let postData = '' //声明一个空字符串,用来保存传进来的参数
req.on('data', chunk => postData += chunk)
//data为监听参数传输事件,后面参数为传进来的参数,格式为字符串
req.on('end', () => {
//end为监听参数传输完毕事件
console.log(querystring.parse(postData));
//将字符串格式转换为对象格式
})
res.end('ok')
})
app.listen(3000)
console.log('成功');
静态资源与动态资源
什么是静态资源:
服务器端不需要处理,可以直接响应给客户端的资源就是静态资源,例如CSS、JavaScript、image文件。如http://localhost:3000/index.html。
什么是动态资源:
相同的请求地址,不同的响应资源,这种资源就是动态资源。
如:http://www.itcast.cn/article?id=1
http://www.itcast.cn/article?id=2