网络基础知识（黑马教程笔记）-2-http协议（请求报文）

最新推荐文章于 2024-02-12 23:25:53 发布

笑道三千

最新推荐文章于 2024-02-12 23:25:53 发布

阅读量219

点赞数

分类专栏： # 网络

本文链接：https://blog.csdn.net/weixin_42349568/article/details/107991701

版权

网络专栏收录该内容

7 篇文章 3 订阅

订阅专栏

在这里插入图片描述

实际上，请求方式就是一种标识，它告诉服务器当前这个请求要做的事情的类型。比如说获取数据的请求我们一般用get，添加数据的请求就用post，而类似于登陆操作等的一般数据传送，就用post ,因为post安全些。

1，最常见的客户端向服务器端发送get请求就是在浏览器中输入网址的方式

//用于创建网站服务器的模块
const http=require('http')
//app对象就是网站服务器对象
const app=http.createServer()

//当客户端有请求来得时候,执行这个事件
app.on('request',(req,res)=>{
	//获取请求方式,保存在require对象的method属性中,
	//它的属性值就是这次请求所用的请求方式
	//req.method
	console.log(req.method)
	res.end('<h2>hello world</h2>')
})
//还要监听端口,才能向外界提供服务
app.listen(3000)
console.log("网站服务器启动成功")

然后在命令行窗口执行此文件，创建web服务器。
再在浏览器中输入地址，就可以在控制台看到这次请求的方式：
在这里插入图片描述
有两个get请求，另一个是这个图标产生的，先不管。

2，可以通过表单form标签的方式，提交post请求

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form method="post" action="http://localhost:3000/">
			<input type="submit" name=""/>
		</form>
	</body>
</html>

运行这段代码到浏览器，因为又向服务器提交了请求，就又会触发哪那个创建网站服务器的事件：又会输出本次请求的方式：
在这里插入图片描述

那给服务器发送请求的方式不同的话，又有什么作用呢？服务器可以根据请求方式的不同，来响应不同的内容。
接下来就做一下判断。

3.服务器判断请求的类型，然后做不同的响应。

//用于创建网站服务器的模块
const http=require('http')
//app对象就是网站服务器对象
const app=http.createServer()

//当客户端有请求来得时候,执行这个事件
app.on('request',(req,res)=>{
	//获取请求方式,保存在require对象的method属性中,
	//它的属性值就是这次请求所用的请求方式
	//req.method
	console.log(req.method)
	//根据不同的请求方式,服务器做出不同的响应
	if(req.method =='post'){
		res.end('post')
	}else if(req.method == 'GET'){
		res.end('get')
	}
	// res.end('<h2>hello world</h2>')
})
//还要监听端口,才能向外界提供服务
app.listen(3000)
console.log("网站服务器启动成功")

在这里插入图片描述
（忽略第二个get哈）

上文中的if语句中，就是服务器根据不同的请求类型做出的响应：在浏览器上显示post或者get。

4，（请求报文）：根据用户输入的访问地址不同，服务器做出不同的响应：

然后又产生了一个问题，我们利用地址直接访问浏览器时，都是get方法呢：
在这里插入图片描述
这样可不行，服务器如何根据你地址的请求不同做出不同的响应呢？？？
比如index.html时，想让它显示首页的内容，list.html时，想显示列表页的内容。而用户请求的地址不存在，想让它显示404的界面呢？？？
于是，就需要服务器来获取用户访问的地址的具体信息，也就是请求地址：request URL。
在这里插入图片描述
require对象的这三个属性存储着这些值。所以我们只要取到用户的访问地址，然后进行一系列处理就可以啦！
我们把之前的代码进行修改：

//用于创建网站服务器的模块
const http=require('http')
//app对象就是网站服务器对象
const app=http.createServer()

//当客户端有请求来得时候,执行这个事件
app.on('request',(req,res)=>{
	//获取请求方式,保存在require对象的method属性中,
	//它的属性值就是这次请求所用的请求方式
	//req.method
	console.log(req.method)
	//根据用户访问的地址不同,显示不同的界面
	if (req.url == '/index'){
		res.end('welcome to homepage')
	}else if(req.url == '/list'){
		res.end('welcome to listpage')
	}else{
		res.end('not found')
	}	
	//根据不同的请求方式,服务器做出不同的响应
	if(req.method == 'POST'){
		res.end('post')
	}else if(req.method == 'GET'){
		res.end('get')
	}
	// res.end('<h2>hello world</h2>')
})
//还要监听端口,才能向外界提供服务
app.listen(3000)
console.log("网站服务器启动成功")

于是输入不同的网址访问时：
在这里插入图片描述
当我们什么都不输入时，查看req.url返回啥？

是一个反斜杠！
通常，我们输入一个域名时，就是希望它页返回首页，所以服务器响应内容可以修改为：

if (req.url == '/index' || req.url == '/'){
		res.end('welcome to homepage')
	}else if(req.url == '/list'){
		res.end('welcome to listpage')
	}else{
		res.end('not found')
	}

这样一来，我们输入index和不输入，都是返回首页内容了。
在这里插入图片描述
而url.headers里面则是存储着所有的报文信息：

注意到，报文信息其实是放置在一个对象中的，要访问其中的某个属性，则用req.headers[‘对应属性名’]来进行访问。

console.log(req.headers['accept'])

这就能取得请求报文中对应属性的值。

笑道三千

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
网络基础知识（黑马教程笔记）-2-http协议（请求报文）

实际上，请求方式就是一种标识，它告诉服务器当前这个请求要做的事情的类型。比如说获取数据的请求我们一般用get，添加数据的请求就用post，而类似于登陆操作等的一般数据传送，就用post ,因为post安全些。1，最常见的客户端向服务器端发送get请求就是在浏览器中输入网址的方式//用于创建网站服务器的模块const http=require('http')//app对象就是网站服务器对象const app=http.createServer()//当客户端有请求来得时候,执行这个事件app.
复制链接

扫一扫